ES5新增数组方法

发布于:2022-12-13 ⋅ 阅读:(421) ⋅ 点赞:(0)

1、forEach(用来遍历数组的)

参数

            第一个参数是元素   item

            第二个参数是下标    index

            第三个参数是当前操作的数组   arr

总结

           只能是用来遍历

            一旦开始了遍历就停不下来

           返回值是undefined   这个undefined对于我们来说没有用

 var arr =['今天','外面','下雨','适合','睡觉'];
            var result = arr.forEach(function(item,index,arr){
                console.log(item,index,arr);
            })

结果

 

 

2、map

总结

      可以循环遍历数组中的每一项数据

      可以对循环遍历到的每一项数据进行操作

      将return的数据 都放到数组中 并且进行返回

  var arr = [1,2,3,4,5,6,7,8,9];
            var result = arr.map(function(item,index,arr){
                return item,index,arr
                // return item * item;
            });

结果

 

var arr = [1,2,3,4,5,6,7,8,9];
            var result = arr.map(function(item,index,arr){
                // return item,index,arr
                return item * item;
            });

            console.log(result);

结果

 3、filter

总结:

            可以循环遍历数组中的每一项

            可以对循环遍历到的数据进行判断

            /当条件成立时,使用了return true后会将满足条件的那一项存到一个新的数组当中

var arr = [22,34,46,55,77,49,58,82];
            var result = arr.filter(function(item,index,arr){
                return item >=55;
            })
            console.log(result);//(4) [55, 77, 58, 82]

结果

 4、some

 总结:

            可以用来循环遍历数组中的每一项

            在回调函数中进行条件判断,如果return true执行之后,会阻止后续代码的遍历执行

            重点应用场景: ==条件成立时不再执行后续的循环

 var arr = [22,34,46,55,77,49,58,82];
            var result = arr.some(function(item,index,arr){
                return item ==34;
            })
            console.log(result);  //true
var arr = [22,34,46,55,77,49,58,82];
            var result = arr.some(function(item,index,arr){
                return item ==40;
            })
            console.log(result);//false

5、every

 总结:

            可以对数组中的每一项进行遍历,但是只打印第一项

            对数组中的每一项进行判断,都满足条件则返回true,  如果有一项不满足条件则返回false

            ==应用场景:重点是强调整体的一个处理结果,比如,某地区所有人健康码是否都为绿码

 var arr =[5,11,23,15,26,19,20]
            var result = arr.every(function(item,index,arr){
                return item >= 10;//false
                //return item >= 5;//false
            })
            console.log(result);

6、reduce

  第一个参数是 上一次的值,第一次为初始值    prev

 第二个参数是元素   item

 第三个参数是下标    index

 第三个参数是当前操作的数组   arr

prev是初始值 也就是0

如果没有给初始值 那么会将数组的第一个作为初始值

//计算俩数之和
var arr = [1,2,3,4,5];
            var sum = arr.reduce(function(prev,item,index,arr){
                console.log(prev,item);
                return prev + item;
            },0);
 console.log(sum);

 还在学习知识中,会把日常学习的知识分享,记得点赞啊!

本文含有隐藏内容,请 开通VIP 后查看