js 遍历数组、对象的几种方式

1. 遍历数组

数组如下所示:

var arr = ['张三', '李四', '王五'];

最常见的for循环

for (var i = 0, length = arr.length; i < length; i++) {
    console.log(i, arr[i])
}

for … in 循环

for (var key in arr) {
    console.log(key, arr[key])
}

for … of 循环 （ES6）

这种方式获取不到数组索引值

for (var v of arr) {
    console.log(v)
}

arr.map() 数组函数

arr.map((item, index, array) => {
    console.log(item, index, array)
})

forEach 遍历

arr.forEach((item, index, array) => {
    console.log(item, index, array)
})

遍历数组总结

我习惯使用 forEach 遍历数组，但是当数组数据比较大时推荐使用第一种方式（最常见的for循环）, 这种方式效率高一些

2. 遍历对象

对象数据示例:

var obj = {
    name: '辰风沐阳',
    age: 22,
    qq: 23426945,
}

for-in循环是为了遍历对象而设计的，虽然for-in也能用来遍历数组

for (var key in obj) {
    console.log(key, obj[key])
}