【数组的迭代方法：】

最新推荐文章于 2023-02-08 16:25:33 发布

昨夜小楼又听雨~

最新推荐文章于 2023-02-08 16:25:33 发布

阅读量73

点赞数 1

文章标签： java

本文链接：https://blog.csdn.net/wk52151516/article/details/121859383

版权

本文详细介绍了JavaScript中的数组方法，包括forEach用于遍历数组并执行回调函数，some用于检查数组中是否存在满足条件的元素，every用于验证所有元素是否都满足条件，map用于创建新数组并应用转换操作，以及filter用于筛选满足特定条件的元素，形成新的数组。这些方法在实际编程中有着广泛的应用。

摘要由CSDN通过智能技术生成

forEach(callbackfn)
- 参数说明：callbackfn 回调函数；该回调函数最多可以接收三个参数，分别是：value,index,arr
示例：
```
        arr.forEach(function (value) {//推荐
            console.log(value);
            return;
        })
```
注意：forEach不能被return打断
some(callbackfn) 遍历数组，判断数组中是否有元素满足条件;有一个满足，返回true，都不满足，返回false
- 参数：回调函数；该回调函数最多可以接收三个参数，分别是：value,index,arr
示例：
```
        var arr = [10, 201, 301, 1000];
        var rst = arr.some(function (v) {//v 数组中的每个元素
            return v > 200;
        });
```
every() 遍历数组，判断数组中是否每一个元素都满足条件;满足返回true;有一个不满足则返回false

示例：
```
        var rst=arr.every(function(value){
            return value>200;
        })
```
map() 遍历数组；返回的结果会组成一个新的数组返回

示例：

     //4.4  map 遍历数组，为每一个元素都进行操作之后，返回由新元素组成的数组
        // var arr = [10, 20, 30, 900];
        // var arr0=arr.map(function(v){
        //     return v+10;
        // })
        // console.log(arr0);

filter() 遍历数组;将数组中满足过滤条件的元素返回，组成新数组

示例：

        var arr = [10, 20, 30, 40, 100, 99];
        var arrx = arr.filter(function (v, i) {
            // console.log(v,i);
            return v > 60;//条件
        });

        console.log(arrx);

arr.reduce(callbackfn,initvalue) 返回累加结果

参数说明：callbackfn 回调函数 initvalue 回调函数第一个参数的初始值

用法一：initvalue没有赋值，
- 回调函数第一次执行的时候，第一个参数的值为数组的第一个元素，第二个参数的值为数组的第二个元素
- 非第一次遍历，则回调函数的第一个参数为上一次累加的结果，第二个参数为当遍历的元素

        // var arr=[11,22,55,200,300];
        // //累加器
        // var sum=arr.reduce(function (a, b) {
        //     // console.log(a, b);
        //     // return a+b;
        //     return a*b;
        // });

用法二：initvalue有初始值

遍历时，回调函数的第一个参数为默认值，第二个参数为当前遍历的元素；依次类推

        let arr = [
            { id: 1, name: "李逵", age: 30 },
            { id: 2, name: "李四", age: 40 },
            { id: 3, name: "李鬼", age: 50 },
            { id: 4, name: "李某", age: 20 },
        ];

        let s = arr.reduce(function (s, item) {
            return s += ` <li><span>${item.id}</span>---- <span>${item.name}</span> --- <span>${item.age}</span></li>`
        }, '')