ES6 Array

发布时间:2019-08-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ES6 Array脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

ES6 Array

  1. 首先先定义一个数组
let arr = [1,2,3,4,5];

foreach()

  1. forEach会遍历数组, 没有返回值,不允许在循环体内写return,不会改变原来数组的内容
  2. forEach() 有三个参数,第一个是arr数组里面的值,第二个是arr数组索引,第三个是arr数组本身的指引
        arr.forEach((item, idx, array) => {
            //打印 1,2,3,4,5
            console.log(item);
            //打印 0,1,2,3,4
            console.log(idx);
            //打印 arr数组本身
            console.log(array);
        });

map()

  1. map 遍历数组, 会返回一个新数组,不会改变原来数组里的内容
  2. map() 有三个参数,第一个是arr数组里面的值,第二个是arr数组索引,第三个是arr数组本身的指引
        let val = arr.map((item, idx, array) => {
            //注意:如果没有return值,则新数组会插入一个undefined值
            return item * item;
        });
        //打印 1,4,9,16,25
        console.log(val);
    

filter()

  1. filter 遍历数组, 会返回一个新数组, 不会改变原来数组里的内容
  2. filter 会过滤掉数组中不满足条件的元素, 把满足条件的元素放到一个新数组中,不改变原数组
  3. filter() 有三个参数,第一个是arr数组里面的值,第二个是arr数组索引,第三个是arr数组本身的指引
        let val = arr.filter((item, idx, array) => {
            //注意:如果没有return值,则返回一个空数组
            return item > 3;
        });
        //打印 4,5
        console.log(val);

every()

  1. every 遍历数组,每一项都是true,则返回true,只要有一个是false, 就返回false
  2. every() 有三个参数,第一个是arr数组里面的值,第二个是arr数组索引,第三个是arr数组本身的指引
        let val = arr.every((item, idx, array) => {
            //注意:如果没有return值,则返回false
            return item >= 0;
        });
        //打印 true
        console.log(val);

some()

  1. some 遍历数组的每一项, 有一个为true就返回true, 立即停止循环
  2. some() 有三个参数,第一个是arr数组里面的值,第二个是arr数组索引,第三个是arr数组本身的指引
    let val = arr.some((item, idx, array) => {
        //注意:如果没有return值,则返回false
        return item > 3;
    });
    //打印 true
    console.log(val);

reduce()

  1. reduce 遍历数组的每一项, 有一个为true就返回true, 立即停止循环
  2. reduce() 有四个参数,第一个是上一次调用回调返回的值,第二个是arr数组里面的值,第三个是arr数组索引,第四个是arr数组本身的指引
        let val = arr.reduce((initialValue, item, idx, array) => {
            return initialValue + item;
        });
        //打印 15
        console.log(val);    

脚本宝典总结

以上是脚本宝典为你收集整理的ES6 Array全部内容,希望文章能够帮你解决ES6 Array所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。