js中数组的遍历的几种方法

一、循环遍历

for(var i = 0; i < arr.length; i++){

        arr 是要遍历的数组
        arr[i] 是遍历的数组的元素

i 是数组的元素对应的下标(索引号)

}
1
2
3
4
5
6
7
8

二、for of 方法

for(var item of arr) {

        item 遍历的数组的元素
}
1
2
3
4

三、forEach 遍历

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

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        无返回值

})
1
2
3
4
5
6
7
8
9
10
11

四、map 映射

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

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值  

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

})
1
2
3
4
5
6
7
8
9
10
11
12
13

五、filter 过滤

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

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值 

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

})
1
2
3
4
5
6
7
8
9
10
11
12
13

六、reduce 高阶函数（迭代（累加器））

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

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

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值 

        返回计算结束后的total值

},初始值);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

七、every

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

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值 

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

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

});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

八、some

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

        item 遍历出的每一个元素

        index 元素对应的下标

        self 数组本身

        有返回值 

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

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

});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15