ES6 数组的扩展方法

1.数组的方法 from() of()
from() 将伪数组转换成真正的数组

function add(){
    console.log(arguments);
    //es5中 将参数转换成数组
    let arr = [].slice.call(arguments);
    console.log(arr);
    //es6中 将参数转换成数组
    let arr1 = Array.from(arguments);
    console.log(arr1);
}
add(1,2,3);

使用扩展运算符 将伪数组转换成真正的数组

let lis = document.querySelectorAll("li");
console.log(Array.from([...lis]));

2.of() 将一组值（任意的数据类型），转换成数组

console.log(Array.of(1,2,3,{name:'张三'},{age:20}));

3. copywithin() 数组内部将指定位置的元素复制到其他的位置

console.log([1,2,3,4,5,6,7,8].copyWithin(0,3)); //结果[4,5,6,7,8,6,7,8]

4.find() :找出第一个符合条件的数组成员
findIndex()：找出第一个符合条件的数组成员的索引

//返回第一个符合条件的值 
console.log([1,2,-10,-4,90,20].find(num => num<0)) //结果 ：-10

//返回第一个符合条件的值的索引
console.log([1,2,-10,-4,90,20].findIndex(num => num<0))//结果 2

**5.entries() 对键值对进行遍历
keys() 对键名的遍历
values() 对值进行遍历
返回一个遍历器，可以使用for …of来对数组进行遍历
**

for(let index of [3,5,10,-20,45,78].keys()){
    console.log(index);
}
for(let v of [3,5,10,-20,45,78].values()){
    console.log(v);
}
for(let [index,value] of [3,5,10,-20,45,78].entries()){
    console.log(index,value);
}

6.includes() 返回一个布尔值，表示某个数组是否包含某个值

//在es5中使用indexOf来判断是否存在某个值，如果不存在返回-1
//在es6中直接使用includes方法，更加直观
console.log([3,5,10,-20,45,78].includes(3));