提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

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

2023-02-19 12:18:00 时间

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])
}

相关文章