JavaScript 中有多种循环语句，包括传统的 for 循环、forEach 方法、for...in 循环和 for...of 循环。这些循环语句各有特点，适用于不同的场景。下面将分别介绍它们的区别和使用，并给出相应的例子。
1. for 循环
for 循环是 JavaScript 中最常用的循环语句之一，它的基本语法为：
for (初始化; 条件; 递增或递减) {
// 循环体
}- 初始化：在循环开始之前执行的代码，用于初始化循环控制变量。
- 条件：在每次迭代之前进行条件检查，如果条件为真，则执行循环体；否则循环终止。
- 递增或递减：在每次迭代之后执行的代码，用于更新循环控制变量。
示例：
// 使用 for 循环计算数组中所有元素的总和
let numbers = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < numbers.length; i++) {
sum += numbers[i];
}
console.log(sum); // 输出：152. forEach 方法
forEach 是 JavaScript 数组对象的一个方法，用于遍历数组的每个元素，并对每个元素执行指定的回调函数。其基本语法为：
array.forEach(function(currentValue, index, array) {
// 回调函数
});- currentValue：当前迭代的元素值。
- index：当前迭代的索引。
- array：原始数组对象。
示例：
// 使用 forEach 方法计算数组中所有元素的总和
let numbers = [1, 2, 3, 4, 5];
let sum = 0;
numbers.forEach(function(number) {
sum += number;
});
console.log(sum); // 输出：153. for...in 循环
for...in 循环用于遍历对象的可枚举属性，并执行指定的代码块。其基本语法为：
for (let key in object) {
// 执行代码
}- key：对象的属性名。
- object：被遍历的对象。
需要注意的是，for...in 循环不仅遍历对象自身的属性，还会遍历继承的属性，因此在遍历对象时，通常需要使用 hasOwnProperty 方法来过滤掉继承的属性。
示例：
// 使用 for...in 循环遍历对象的属性
let person = {
name: 'John',
age: 30,
gender: 'male'
};
for (let key in person) {
if (person.hasOwnProperty(key)) {
console.log(key + ': ' + person[key]);
}
}
// 输出：
// name: John
// age: 30
// gender: male4. for...of 循环
for...of 循环是 ES6 引入的一种遍历可迭代对象的语法，包括数组、字符串、Set、Map、Generator 对象等。其基本语法为：
for (let element of iterable) {
// 执行代码
}- element：当前迭代的元素值。
- iterable：可迭代对象，例如数组、字符串等。
与 for...in 循环不同，for...of 循环只遍历可迭代对象自身的元素，不会遍历对象的属性。
示例：
// 使用 for...of 循环遍历数组
let numbers = [1, 2, 3, 4, 5];
let sum = 0;
for (let number of numbers) {
sum += number;
}
console.log(sum); // 输出：15区别和使用场景
- for 循环：
- 适用于需要对数组或类数组对象进行精确控制的情况，例如根据索引访问数组元素、逐个修改数组元素等。
- 可以使用 break 和 continue 控制循环的流程。
- forEach 方法：
- 简化了对数组的遍历，代码更加简洁易读。
- 不能使用 break 和 continue 控制循环的流程。
- for...in 循环：
- 适用于遍历对象的属性，特别是需要遍历对象的所有可枚举属性的情况。
- 需要注意过滤掉继承的属性。
- for...of 循环：
- 适用于遍历可迭代对象的情况，包括数组、字符串等。
- 不适用于遍历对象的属性，只能遍历对象的值。
不同的循环语句各有特点，应根据具体的需求和场景选择合适的循环方式。
