天天看點

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]      

繼續閱讀