js中for in与for of的区别

本文对比了ES5中的for-in语句与ES6中的for-of语句的使用场景与效果。for-in主要用于遍历对象的键名,而for-of则用于遍历可迭代对象的值。通过实例演示了两者在处理数组与对象数据时的不同表现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

for in是ES5标准,遍历key.

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

for of是ES6标准,遍历value.

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

示例
data数据:

"data":[{"id":"1","account":"admin","pwd":"123"},{"id":"2","account":"tony","pwd":"123"},{"id":"3","account":"root","pwd":"root"}]

for in:

var html = "";
for(var d in data){
	html += "<tr><td>" + data[d].id + "</td><td>" + data[d].account + "</td><td>" + data[d].pwd + "</td></tr>";
}

for of:

var html = "";
for(var d of data){
	html += "<tr><td>" + d['id'] + "</td><td>" + d['account'] + "</td><td>" + d['pwd'] + "</td></tr>";
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值