关于ES6中新增的Array方法，简单总结，十分实用

1.Array.from 将类数组转化成数组

    <ul class="div">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

获取节点

 let res = document.querySelectorAll('.div li')
        let newRes = Array.from(res)
        console.log(newRes);
        console.log([].slice.call(res)); //这个方法也可以
        console.log(res);

截图

2. Array.isArray 检测数据是否是数组

console.log(Array.isArray(res));
console.log(Array.isArray(newRes));

3. Array.of 将参数转化成为数组

  let arr1 = Array.of(1, 2, 3, 4, 3)
  console.log(arr1);

 

4.find 查找出满足条件的第一个值，有利于性能优化

        let res1 = arr1.find(item => item == 3)
        console.log(res1);

 

5.findIndex  查找出满足条件的第一个值的索引值

        let index = arr1.findIndex(item => item == 3)
        console.log(index);

  

 6.flat 扁平化多维数组

let arr2 = [
            ["三大", "18"],
            [
                [1,
                    [3, 4],
                    [5, 6],
                    [
                        [7],
                        [8, 8]
                    ]
                ]
            ]
        ];
        console.log(arr2.flat(2));//2层
        console.log(arr2.flat(Infinity));//所有
        //...拓展运算符
        console.log([...new Set(arr2.flat(Infinity))]);//去重后的

 

7.fill 填充数组 填充值是a 开始位置是0 结束位置数组长度 

        let arr3 = [1,2,3,4,5,6,7]
        console.log(arr3.fill('a',0,arr3.length));

8.includes 判断数组中是否包含一个值 返回值是Boolean 

        let arr4 = [1,2,3,4,5,2]
        console.log(arr4.includes(1,0));//查找的值是1,从0的位置开始查询
        console.log(arr4.includes(1,1));//查找的值是1,从1的位置开始查询