数组迭代的七种方法

68 阅读 0 评论 45 点赞

我是靠谱客的博主壮观冬瓜，最近开发中收集的这篇文章主要介绍数组迭代的七种方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

01、map数组遍历器

let arr = [23,82,14,5,9,-21]
        //每一个元素加1
        let arr0 = arr.map ( (value,index) => {
            return value +1
        })
        console.log(arr0);//[24, 83, 15, 6, 10, -20]
        //每一个元素*2
        let arr1 = arr.map ( (value,index) => {
            return value *2
        })
        console.log(arr1);

02、filter用给定条件过滤

let arr = [15,23,-3,54,-45,56]
         //数组大于5的元素
        // let result = []
         let Arr1 = arr.filter(function(value){
            return value >0
         })
         console.log(Arr1);//[15, 23, 54, 56]
        //  数组中的偶数
        let Arr2 = arr.filter(function(value){
            return value % 2 == 0;
        })
        console.log(Arr2);//54,56

03、forEach遍历器

let arr = [19,28,37,9,11,-58]
        let sum = 0;
        // for (let i = 0; i < arr.length; i++) {
        //     sum += arr[i];
        //     }
        //     console.log(sum);//46
        arr.forEach(function(value){
            sum += value
        })
        console.log(sum);//46
        arr.forEach((item,index) =>{
            console.log(`下标为${index}的元素是${item}`);
        })

04、some判断数组是否有符合元素
// some() 只要有一项返回true就返回true

let arr = [11,22,33,44,55,66,77]
        let arr0 = arr.some((item,index)=>{
            return item >33
        });
        console.log(arr0);

05、every判断说法所有元素符合过滤条件

// every() 每一项都返回true才返回true

 let arr = [12,6,28,99,75,36,-42]
    let arr0 = arr.every((item) =>{
        return item >10
    })
    console.log(arr0);

06、findindex返回第一个匹配的元素位置

let arr = [
            { name:'王二',age:21 },
            { name:'一一',age:12 },
            { name:'二二',age:29 },
            { name:'三三',age:7 },
            { name:'四四',age:33 },
        ]
        //查找arr中第一个成年在什么位置
        let res = arr.findIndex((item,index) =>{
            return item.age > 18;
        })
        console.log(res);//0

07、reduce数组操作

  //数组reduce方法：
        //作用：遍历数组元素，为每个数组执行一次回调函数
        let arr1 = [21,16,33,20,46,35,19]
        //sum:初始值，默认为数组第一个元素
        //value:数组的每一个元素，默认为数组第二个元素
        let res1 = arr1.reduce((sum,value) =>{
            //return，把本次结果赋值给下一次的sum
            return sum + value;
        },0)
        console.log(res1);//190
        //下面这种等价上面
        console.log(arr.reduce((sum,value) => sum +value));