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

1、forEach

var arr= ['张三', '李四', '王五'];
arr.forEach(function(v,k) { 
    console.log(v); //这样就会分别将name遍历出来
});

//注意：jquery中each方法是反的，比如：
$(arr).each(function(k,v){
      console.log(v);   
});

2、map

map和forEach 几乎很像，但是也有它的不同之处，比如：
注意：map 是表示映射的，也就是一一对应，遍历完成之后会返回一个新的数组，但是不会修改原来的数组

    var a1 = ['a', 'b', 'c'];
    var a2 = a1.map(function(item,key,arr) {
        return item.toUpperCase();
    });
    console.log(a1);// ['a','b','c'];
    console.log(a2); //['A','B','C'];

注意：map 是表示映射的，也就是一一对应，遍历完成之后会返回一个新的数组，但是不会修改原来的数组

3、filter

filter 有过滤的意思，也就说它就是一个过滤器。
注意：filter 它将是遍历每一个元素，用每一个元素去匹配，如果返回true，就会返回一个次数，最后将所有符合添加的全部选出

var a1 = [1,2,3,4,5,6];
var a2 = a1.filter(function(item) { 
     return item <= 3; 
});
 console.log(a2); // [1,2,3];

//filter 它将是遍历每一个元素，用每一个元素去匹配，如果返回true，就会返回一个次数，最后将所有符合添加的全部选出

4、reduce

reduce从左到右依此遍历，一般用来做加减乘除用算用的。reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
注意：

就是 return first+second 其实相当于 return first+=second；也就是说每次的first 是上一次的和
就是function{}后面的参数，如果有值那么第一次加载的时候 first = 0； second = 1；如果没有值， first = 1 ， second = 2；如果后面的参数是个字符串，那么就是会是字符串拼接、

var a1 = [1, 2, 3];
var total = a1.reduce(function(first, second) { 
     return first + second; 
},0);
console.log(total) // Prints 6

5、every(且)
注意：数组中每一个元素在callback上都被返回true时就返回true，否则为false

function isNumber(value){ 
    return typeof value == 'number';
}
var a1 = [1, 2, 3];
console.log(a1.every(isNumber)); // logs true
var a2 = [1, '2', 3];
console.log(a2.every(isNumber)); // logs false

6、some (或)
注意：只要数组中有一项在callback上被返回true，就返回true

function isNumber(value){ 
   return typeof value == 'number';
}
var a1 = [1, 2, 3];
console.log(a1.some(isNumber)); // logs true
var a2 = [1, '2', 3];
console.log(a2.some(isNumber)); // logs true
var a3 = ['1', '2', '3'];
console.log(a3.some(isNumber)); // logs false

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

猜你喜欢