ES6语法之数组扩展

比较常用的ES6数组扩展

1.三点运算符

            // 1. 三点运算符
            //三点运算符作用: 把数组转化为','隔开的的序列
            let arr1 = [1, 2, 3];
            let arr2 = [4, 5, 6];
            let arr3 = [...arr1, ...arr2];
            console.log(arr3) //[1,2,3,4,5,6]

       

2.Array.of()

            //2. Array.of()
            //将多个元素组合成一个数组
            let arr4 = Array.of(1, 2, 3, 4, 5);
            console.log(arr4) //[1,2,3,4,5,6]

            //也可以通过下面方法实现
            function ArrayOfs() {
                return [].slice.call(arguments);
            }
            console.log(ArrayOfs(7, 8, 9)) //[7,8,9]

3.Array.prototype.find()

            //3.Array.prototype.find()
            //返回查找符合第一个条件的元素
            //没有符合条件则返回undefined
            let arr5 = ['a', 'b', 'c', 'd'];
            let srt = arr5.find((item, index) => {

                return index == 1;
            })
            console.log(srt) //b
            

4.Array.prototype.fill()

            //4.Array.prototype.fill()数组替换
            //fill('value',strat,end)
            //value:替换内容，开始位置，结束位置
            let arr6=[1,2,3,4,5,6];
            arr6.fill('a',0,1)
            console.log(arr6)//[a,2,3,4,5,6]
            

5.forEach()

            //遍历每个元素
            let arr7 = ['a', 'b', 'c', 'd'];
            arr7.forEach((item, index) => {
                console.log('forEach:' + item, index)
            })

6.map()

            //原数组被“映射”成对应新数组,返回一个新数组
            //不会改变原数组
            let arr8 = ['a', 'b', 'c', 'd'];
            let newArr8 = arr8.map((item, index) => {


                return item + 'a'

            })
            console.log(newArr8)// ["aa", "ba", "ca", "da"]

7.filter()

            //返回过滤后的新数组
            let arr9 = ['a', 'c', 'e', 'g', 'a'];
            //过滤重复的值
            let newArr9 = arr9.filter((item, index) => {
                return arr9.indexOf(item) === index
            })
            console.log(newArr9)// ["a", "c", "e", "g"]