前端各种for 循环

一.for循环

语法：for (初始化; 条件; 更新) { ... }

功能：用于迭代一个固定的次数。

示例：

for (let i = 0; i < 5; i++) { console.log(i); }        //0,1,2,3,4

二.for-in 循环

语法：for (变量 in 对象) { ... }

功能：用于遍历对象的可枚举属性。

示例：

const obj = { a: 1, b: 2 }; 
for (const key in obj) {
 console.log(key)
};  // 输出 "a,1" 和 "b,2" 

三.for-of 循环

语法：for (变量 of 可迭代对象) { ... }

功能：用于遍历可迭代对象（如数组、字符串等）。

示例：

const arr = [1, 2, 3]; 
for (const num of arr) {
 console.log(num)
} // 输出 1, 2, 3 

四.forEach循环

这个选项实际上是一个箭头函数语法糖，它并不是真正的 for 循环。

语法：array.forEach((element) => { ... })

功能：用于遍历数组，并对每个元素执行一个操作。

示例：

const arr = [1, 2, 3];
arr.forEach((num) => {
    console.log(num);
}); // 输出 1, 2, 3