JavaScript循环

JavaScript 数组循环

一般的for循环

var array = ["第一个", "第二个", "第三个"];
for (let index = 0; index < array.length; index++) {
    const element = array[index];
    console.log("For Loop" + element)
}

执行结果为：

For Loop第一个
For Loop第二个
For Loop第三个

for…in 遍历

var array = ["第一个", "第二个", "第三个"];
for (const key in array) {
    // key 为索引
    const element = array[key];
    console.log("For-In Loop" + element);
}

执行结果为：

For-In Loop第一个
For-In Loop第二个
For-In Loop第三个

for…of 遍历

var array = ["第一个", "第二个", "第三个"];
for (const iterator of array) {
    console.log("For-of Loop" + iterator)
}

执行结果为：

For-of Loop第一个
For-of Loop第二个
For-of Loop第三个

forEach 遍历

var array = ["第一个", "第二个", "第三个"];
array.forEach(element => {
    console.log("ForEach Loop" + element)
});

执行结果为：

ForEach Loop第一个
ForEach Loop第二个
ForEach Loop第三个

JavaScript 对象属性循环

for…in 遍历

var obj = {};
obj.id = "id";
obj.name = "name";
obj.code = "code";
for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
        const element = obj[key];
        console.log("key: " + key + ", value: " + element);
    }
}

执行结果为：

key: id, value: id
key: name, value: name
key: code, value: code

通过Object.keys生成数组

console.log();

执行结果为：

[“id”, “name”, “code”]

现在有了对象的所有key，亦可通过上面的数组循环的方式来循环获取对象属性