遍历数组的几种方法

2019-11-06  本文已影响0人  明明你也一样

forEach

eg:
var arr = ['a', 'b', 'c', 'd'];
arr.forEach(function(value, index) {
  console.log('value=', value, 'index=', index);
})

输出:
value= a index= 0
value= b index= 1
value= c index= 2
value= d index= 3

map

可以对遍历的每一项做相应的处理,返回每次函数调用的结果组成的新数组

eg:
var arr = ['a', 'b', 'c', 'd'];
arr.map(function(item, index, array) {
  console.log(item, index);
})

输出:
a 0
b 1
c 2
d 3

for in(不推荐)

因为数组也是对象,所以适用对象遍历的for in方法。但是不仅会遍历数字键,还会遍历非数字键。所以不推荐使用这种方法来遍历数组。

eg:
var arr = ['a', 'b', 'c', 'd'];
for (var i in arr) {
  console.log('index:', i, 'value:', arr[i])
}

输出:
index= 0 value= a
index= 1 value= b
index= 2 value= c
index= 3 value= d

for of

只遍历出value,不能遍历出下标,可遍历出Symbol数据类型的属性,此方法作为遍历所有数据结构的统一的方法

eg:
var arr = ['a', 'b', 'c', 'd'];
for (var value of arr) {
  console.log('value', value)
}

输出:
value= a
value= b
value= c
value= d

上一篇 下一篇

猜你喜欢

热点阅读