天天看点

forEach、map、for、forin的区别

在开发过程中,经常需要遍历一个数组或者对象,常用到的方法有如下几种:

for

最常用于遍历数组的一个方法

var num = [2, 4, 3, 5, 7, 8, 90, 13];
for (var i = 0; i < num.length; i++) {
    console.log(i + "====" + num[i]);
}

打印如下:
0====2
1====4
2====3
3====5
4====7
5====8
6====90
7====13      

for in

for (var item in num) {
    console.log(item + "====" + num[item])
}

打印如下:
0====2
1====4
2====3
3====5
4====7
5====8
6====90
7====13      

foreach(),调用每个元素,操作每个元素

var num = [2, 4, 3, 5, 7, 8, 90, 13];

num.forEach(function(item) {
    item % 2 == 0 ? console.log(item) : ""
})

打印如下:
2
4
8
90      

ES6提供了一个新的遍历命令

for (var item of num) {
    console.log(item)
}      

map

var number = num.map(function(item) {
    if (item) {
        return item % 2
    }
});

console.log(number);//[0, 0, 1, 1, 1, 0, 0, 1]      

继续阅读