es6 for of的使用方法

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了es6 for of的使用方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

for of 和 for in数组和对象中的区别

数组中的用法:

const arr = [2, 3, 5, 4, 5, 2, 2];
for(let i of arr){
console.LOG(i) //打印出来的是value 2,3,5,4,2,2
}
for(let i in arr){
console.log(i) //打印出来的是下标 0,1,2,3,4,5,6
}

在对象中的用法:

const obj = {'a':1,'b':2,'c':3}
for(let i in obj){

console.log(i)  //打印出来的是key  a,b,c

}
for(let i of obj){

console.log(i)  //打印出来的是obj is not ITerable,这是因为在es6中object没有规定默认的属性iterable

}
解决办法:
使用Object.keys方法将对象的键名生成一个数组,然后遍历这个数组。
for (let i of Object.keys(obj)) {
console.log(key + ': ' + obj[key]);
}
另一个方法是使用 Generator 函数将对象重新包装一下。
function* entries(obj) {
for (let key of Object.keys(obj)) {

yield [key, obj[key]];

}
}

for (let [key, value] of entries(obj)) {
console.log(key, '->', value);
}
// a -> 1
// b -> 2
// c -> 3

脚本宝典总结

以上是脚本宝典为你收集整理的es6 for of的使用方法全部内容,希望文章能够帮你解决es6 for of的使用方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。