js 循环的几种方式

JavaScript中常见的循环方式有以下几种：

1、for 循环：用于固定次数的迭代。

for (let i = 0; i < 10; i++) {
    console.log(i);
}

2、for...in 循环：遍历对象的可枚举属性。

const obj = { a: 1, b: 2, c: 3 };
for (const prop in obj) {
    console.log(`${prop}: ${obj[prop]}`);
}

3、forEach 方法：通常用于数组的迭代。

[1, 2, 3, 4, 5].forEach(num => console.log(num));

4、while 循环：在条件为真时执行循环。

let i = 0;
while (i < 10) {
    console.log(i);
    i++;
}

5、do...while 循环：至少执行一次，然后在条件为真时继续循环。

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 10);

6、map 方法：返回一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

const squares = [1, 2, 3, 4, 5].map(num => num * num);
console.log(squares); // [1, 4, 9, 16, 25]

7、filter 方法：创建一个新数组，其包含通过所提供函数实现的测试的所有元素。

const evenNumbers = [1, 2, 3, 4, 5].filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4]

8、reduce 方法：对数组中的所有元素调用callback函数，并将它们累加成一个值（从左到右）。

const sum = [1, 2, 3, 4, 5].reduce((total, num) => total + num, 0);
console.log(sum); // 15

以上是JavaScript中常见的循环方式，每种方式都有其适用场景。