JS遍历那些事（对象、数组、类数组、对象数组）

1.for in、Object.keys、Object.values、Object.getOwnPropertyNames：（适用于遍历对象）

①for(let key in obj) { // key表示对象的键名

    console.log(obj[key]) // 得到对象的键值

}

②Object.keys(obj)得到一个以对象的索引组成的数组

③Object.values(obj)得到一个以对象的值组成的数组

④Object.getOwnPropertyNames(obj)得到一个以对象的索引组成的数组（包括原型上的属性）

tips：for in会遍历数组里的原型链中的属性，需要使用hasOwnProperty来检测属性是否来自原型链。

2.for循环：（适用于遍历数组、类数组）

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

  // 循环的内容

}

3.for of：（适用于遍历数组、类数组、对象数组）

for(let value of obj) { // value表示数组中的一项值

  console.log(value) // 得到数组的一项值

}

4.forEach：（适用于数组、对象数组）

arr.forEach((item, index) => {

  // item表示数组中的一项值

// index表示数组中的索引

})

tips：它与for循环相比，更适用于遍历次数未知的情况。没有返回值，不会改变原始数组

5.map：（适用于数组、对象数组）

arr.map((item, index) => {

  // item表示数组中的一项值

 // index表示索引

})

tips：返回的是新数组，不会改变原始数组

性能：for循环 > for...of > forEach > for...in > map