js遍历数组几种方式

最新推荐文章于 2024-05-06 16:06:20 发布

cjxIt

最新推荐文章于 2024-05-06 16:06:20 发布

阅读量121

点赞数

分类专栏： js 文章标签：数据结构

本文链接：https://blog.csdn.net/cjxIt/article/details/126847876

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.循环遍历

for(var i = 0; i < arr.length; i++){
        arr 是要遍历的数组
        arr[i] 是遍历的数组的元素
      i 是数组的元素对应的下标(索引号)
}

2.for of 方法

for(var item of arr) {

     item 遍历的数组的元素
}

3.forEach 遍历

arrObj.forEach(function(item,index,self){

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        无返回值

})

4.map 映射

arrObj.map(function(item,index,self){

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值  

        数组元素个数不变，但是按照一定的条件转换

})

5.filter 过滤

arrObj.filter(function(item,index,self){

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值 

        返回满足某个条件的元素构成的数组

})

6.reduce 高阶函数（迭代（累加器））

arrObj.reduce(function(total,item,index,self){

        total 初始值或计算结束后的返回值

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值 

        返回计算结束后的total值

},初始值);

七、every

arrObj.every(function(item,index,self){

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值 

        检测数组里的每一个值是否满足指定条件，如果有一个值不满足，返回false，剩余的值不再进行检测

        如果所有的值都满足，则返回true

});

8.some

arrObj.some(function(item,index,self){

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值 

        检测数组里的每一个值是否满足指定条件，如果有一个值满足，返回true，剩余的值不再进行检测

        如果所有的值都不满足，则返回false

});