数组遍历方式

Posted on 2015-12-27
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
let obj = {
  a: 1, 
  b: 2
}

for 循环

for(let i = 0; i < arr.length; i++){
  // TODO
}

for…in

for…in 用于对数组或对象的可枚举属性进行遍历操作

for(let num in arr){
  // num 为数组的索引
}

for(let prop in obj){
  // prop 为对象的属性名
}

for…of

for…of 用于遍历具有 iterator 接口的对象

for(let num of arr){
  // num 为数组值
}

forEach

arr.forEach((num, index, arr) => {
  // num 为数组值, index为数组索引, arr为原数组
})

map

map会返回一个新数组,回调函数会返回新数组的值

arr.map((num, index, arr) => {
  // num 为数组值, index为数组索引, arr为原数组
  return num + 1
})