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的总结就先到这里了,我会持续更新的。