JS 数组、对象的遍历方式

本文详细介绍了数组和对象的遍历方法,包括基础的for循环,数组的forEach、map方法,以及for...of和for...in循环。特别提到for...of适用于Array,Set,Map等可迭代对象,而for...in效率较低。同时,展示了如何遍历对象使用for...in。这些遍历技术在JavaScript中有着广泛的应用。
摘要由CSDN通过智能技术生成

数组遍历:

arr = [1, 2, 3, 4, 5, 3, 2, 3, 4, 6]


// 基础用法
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i])
}

// 数组自带的forEach,运行起来不可中途终止,continue、break不可用
arr.forEach((value, index) => {
    console.log(index + ':' + value);
})

// map遍历
arr.map((value, index) => {
    console.log(index + ':' + value)
})

// for...of
for (value of arr) {
    console.log(value);
}

// for...in(效率最低)
for (index in arr) {
    console.log(index + ':' + arr[index])
}

对象遍历:

obj = {name: 'tom', sex: 'male'}

// for...in
for(key in obj) {
    console.log(key + ':' + obj[key])
}

for...of 用于循环可迭代对象,包括有 Array, Set, Map, 字符串,不包括纯字典对象

Array, Set, Map 都有 forEach 方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值