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

很酷的站长

发布于 2022-12-30 19:11:15

3.7K00

代码可运行

运行总次数：0

代码可运行

数组如下所示:

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循环）, 这种方式效率高一些

对象数据示例:

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

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

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度