ES6 知识小总结

一、数组

1、forEach()

遍历数组

arr.forEach(function(value,index,array){
console.log(value)
console.log(index)
console.log(array)
)}

2、filter()

返回一个新数组
如果回调函数返回true当前元素保留 否则被过滤掉

arr.filter(function(value,index,array){
return value>=number;
)}
		console.log(arr);

3、some()

some() 有一个
查找数组中是否有满足条件的元素

var flog=arr.some(function(value){
		return value=number
	})
		consloe.log(flog)

4、every()

every() 每一个
如果所有值都小于10,最终返回true,有一个大于10 返回false

var arr=[2,4,6,7,411,20,65];		
 var ret=arr.every(function(item){
			return item<10
		 	//如果所有值都小于10,最终返回true,有一个大于10 返回false
		 })
		 console.log(ret)

5、map()

map() 映射
返回一个数组
通过原来的数组映射出新的数组

var arr = [{
        name: '小明',
        age: 16,
        sex: '男'
    }, {
        name: '小红',
        age: 17,
        sex: '女'
    }, {
        name: '小白',
        age: 18,
        sex: '女'
    }, ]
    var ages = arr.map((item) => item.age)
    console.log(ages);

6、reduce()

reduce() 累计
a,b两个参数 上一次计算结果是这一次计算的a 返回一个新数组

 var arr=[2,3,4];
			 var ret=arr.reduce(function(a,b){
			 	return a+b;
			 })
			console.log(ret)

7、sort()

排序

 var arr=[{age:15},{age:5},{age:4}]
		 arr.sort(function(a,b){
			 return b.age-a.age
		 })
		 console.log(arr)

二、函数

1、箭头函数

箭头函数
箭头函数是函数的简写方式
1、组成: 参数 => 语句
2、参数不是一个 (参数,参数2)=>语句
3、语句不止一条: (参数 =>语句1;语句2;return 返回值)
4、返回的对象格式: 参数=>({对象})

由 参数 => 函数体构成
如果不是一个参数,那么参数用()包裹
函数体如果只有一句,执行的结果就是返回值语句多条
返回语句用return ({})
箭头函数 this 执行的作用域的上一层 函数的参数为n 函数执行语句为 alert(n*2)
=>前是函数的参数=>后是函数的执行语句也是返回值

 var arr=["我爱","我的","祖国"];
	 arr.forEach(item=>console.log(item))
 var arr=[5,6,12,81];
	 var ret=arr.reduce((a,b)=>a+b)
		console.log(ret)

2、默认函数

默认参数
function add(a=10,b=80){}
当参数值为undefined时使用默认值

 function add(a,b=10){
		console.log(a+b)
	 }
	 add(3,5)

3、不定函数

不定参数
function add(…args){}
args 是一个由参数组成的数组
add(1,2) args[1,2]
add(2,5,6) args[2,5,6]

 function add(...args){
		var ret=args.reduce((a,b)=>a+b)
			console.log(ret)
	 }
	add(2,8,56,4)

3、拓展函数

拓展参数
add(…arr)
调用函数 把arr数组展开

function add(a,b,c,d,s){
		console.log('今天开会的有:',a,b,c,d,s);
		}
		var arr=['明明','小明','小张','小刘','小王'];
		add(...arr)

三、数组新方法

1、填充

填充
fill(内容,start,end)
 var arr=[1,3,5,7]
		
	//	fill()替换
	//	fill('填充内容',start,end);
		
		 arr.fill('love',2)
		 console.log(arr)

2、 copyWithin

	copyWithin(替换位置,拷贝开始位置,拷贝结束位置)
 var arr=[0,1,2,3,4,5,6,7]
			 var arr1=arr.copyWithin(0,3,8)
			 //从数组拷贝替换元素copyWithin(替换开始位置,拷贝开始位置,拷贝结束位置)
			 console.log(arr1)
			

3、查找

查找
includes
符合条件返回true      否则返回false
var arr=["我是","你","的",100]
	 console.log(arr.includes("我是"))
	 //返回 true;
find查找首个符合条件的元素
findIndex查找首个符合条件的元素的索引号
var arr=[1,54,641,78,12];
	var ret=arr.findIndex(item=>item>40)
		console.log(ret)
		

好了ES6的总结就先到这里了,我会持续更新的。

  • 12
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 12
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值