数组迭代方法的汇总

数组迭代方法的汇总

1、forEach()
第一个参数是当前循环的值 第二个参数是当前循环的下标 第三个参数是被循环的数组

 //ES5中对数组方法进行了拓展
        //主要是数组的普通方法的拓展
        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        arr.forEach((item, index, self) => {
             console.log(item, index, self);
         })

2、map()
第一个参数是当前循环的值 第二个参数是当前循环的下标 第三个参数是被循环的数组

 var arr = [10, 20, 30, 40, 50];
        //map方法用于循环数组  但是它的主要目的是根据老数组 生成新数组

        var arr1 = arr.map((item, index, self) => {
            // console.log(item, index, self);
            return item + item * 0.3
        });
        console.log(arr1);
        //arr.map()返回值是一个新数组  这个数组的成员是map接受的参数的返回值

3、filter()
第一个参数是当前循环的值 第二个参数是当前循环的下标 第三个参数是被循环的数组

 //filter 过滤
        var GZ2006 = [{
                name: "刘德华",
                age: 20,
                sex: '男',
                score: 99
            }, {
                name: "张学友",
                age: 22,
                sex: '男',
                score: 70
            }, {
                name: "黎明",
                age: 26,
                sex: '男',
                score: 55

            }, {
                name: "梁朝伟",
                age: 60,
                sex: '男',
                score: 20
            }]
            //过滤器  把条件成立的对象 返回出来到一个新数组
        var bujige = GZ2006.filter(item => {
            console.log(item);
            return item.score < 60;
        })
        console.log(bujige);

4.some()

        var GZ2006 = [{
            name: "刘德华",
            age: 20,
            sex: '男',
            score: 99
        }, {
            name: "张学友",
            age: 22,
            sex: '男',
            score: 70
        }, {
            name: "黎明",
            age: 26,
            sex: '男',
            score: 55

        }, {
            name: "梁朝伟",
            age: 60,
            sex: '男',
            score: 20
        }];
        //判定有没有这个条件成立  返回值是一个布尔值  有一个成立就true
        var isExist = GZ2006.some(item => {
            return item.age > 18;
        })
        console.log(isExist);

5.every()

        //filter 过滤
        var GZ2006 = [{
            name: "刘德华",
            age: 20,
            sex: '男',
            score: 99
        }, {
            name: "张学友",
            age: 22,
            sex: '男',
            score: 70
        }, {
            name: "黎明",
            age: 26,
            sex: '男',
            score: 55

        }, {
            name: "梁朝伟",
            age: 60,
            sex: '男',
            score: 20
        }];
        //判定有没有这个条件成立  返回值是一个布尔值  全部成立才true
        var isExist = GZ2006.every(item => {
            return item.age > 25;
        })
        console.log(isExist);

6.reduce()
第一个参数是上次return的值 第二个参数是当前循环的值 第三个参数是当前循环的下标 第四个参数是循环的数组本身

var GZ2006 = [{
            name: "刘德华",
            age: 20,
            sex: '男',
            score: 99
        }, {
            name: "张学友",
            age: 22,
            sex: '男',
            score: 70
        }, {
            name: "黎明",
            age: 26,
            sex: '男',
            score: 55

        }, {
            name: "梁朝伟",
            age: 60,
            sex: '男',
            score: 20
        }];
        //计算所有同学的分数总和  prev就是上一次的返回值  上一次return什么下一次就是什么
        var count = GZ2006.reduce((prev, value, index, self) => {
            // console.log(count);
            console.log(prev, value.score);
            return prev + value.score
        }, 0)//0是设置第一次return的值
        console.log(count);



        //反方向循环
        var count1 = GZ2006.reduceRight((prev, value, index, self) => {
            // console.log(count);
            console.log(prev, value.score);
            return prev + value.score
        }, 0)
        console.log(count1);

7.fill()

var GZ2006 = [{
            name: "刘德华",
            age: 20,
            sex: '男',
            score: 99
        }, {
            name: "张学友",
            age: 22,
            sex: '男',
            score: 70
        }, {
            name: "黎明",
            age: 26,
            sex: '男',
            score: 55

        }, {
            name: "梁朝伟",
            age: 60,
            sex: '男',
            score: 20
        }];

        //fill 
        //全部替换成a
        GZ2006.fill('a');
        //从下标2开始替换到最后
        GZ2006.fill('a', 2);
        //从下标2开始替换到下标3
        GZ2006.fill('a', 2, 3);
        console.log(GZ2006);


        //快速得到0-99的数组
        var arr = new Array(100).fill('0').map((item, index) => {
            // console.log(item);
            return index
        })
        console.log(arr);

总结 ：1.forEach可以用于遍历数组
2.map可以用于给数组中每个值单独进行计算 返回一个新的数组
3.filter过滤器 可以从数组中选出符合条件的元素 返回一个新数组
4.some可以判定数组中是否至少有一个符合条件的元素 返回一个布尔值
5.every可以判定数组中是否全部元素都符合条件 返回一个布尔值
6.reduce /reduceRight 用于将数组中的元素进行累加之类的计算（不止用于累加）
7.fill用于替换数组中的元素