JavaScript教程:for...of循环

说明

ES6新引入的特性

类似 for...in,但 不会 循环 普通对象,只会循环 可迭代对象(包括 Array,Map,Set,String,TypedArray,arguments 对象等等)

与 for...in 区别:不会遍历对象的属性

循环数组

var names = ["李雷","韩梅梅","lucy","lili"]

// 相当于 java的增强 for 语句
// 第一次循环,item表示数组names的第一个元素
// 第二次循环,item表示数组names的第二个元素
// 以此类推
for(let item of names){
    console.log("元素:",item)
}

执行结果:

李雷
韩梅梅
lucy
lili

循环普通对象

循环 普通对象,会报错

会报错

var lilei = {name:"李雷", height:1.82, age:20};
for(let key of lilei){
    console.log("属性名:",key,",属性:",lilei[key])
}

原文出处:/show_1IX3BOv8mZy9.html