JavaScript里的循环方法：forEach，for-in，for-of

在JavaScript中，有多种方法可以用来遍历数组或对象的属性。以下是三种常见的循环方法：forEach、for-in 和 for-of。每种方法都有其特定的用途和适用场景。

1. forEach

forEach 方法用于遍历数组中的每一个元素，并为每个元素执行一次提供的回调函数。

语法：

array.forEach(function(currentValue, index, array) {
    // 你的迭代逻辑
});

示例：

const numbers = [1, 2, 3, 4, 5];

numbers.forEach((number, index) => {
    console.log(`Index: ${index}, Value: ${number}`);
});

特点：

• forEach 不会改变原数组。
• 没有返回值（返回 undefined）。
• 不能使用 break 或 continue 语句来中断循环。

2. for-in

for-in 循环用于遍历对象的可枚举属性（包括原型链上的属性，除非使用 hasOwnProperty 方法进行过滤）。

语法：

for (let key in object) {
    // 你的迭代逻辑
}

示例：

const person = {
    name: 'Alice',
    age: 25,
    city: 'New York'
};

for (let key in person) {
    if (person.hasOwnProperty(key)) {
        console.log(`${key}: ${person[key]}`);
    }
}

特点：

• 遍历对象的可枚举属性。
• 枚举顺序不是按照属性在对象中出现的顺序。
• 可以遍历到对象原型链上的属性。

3. for-of

for-of 循环用于遍历可迭代对象（包括数组、字符串、Map、Set 等）的值。

语法：

for (let value of iterable) {
    // 你的迭代逻辑
}

示例：

const numbers = [1, 2, 3, 4, 5];

for (let number of numbers) {
    console.log(number);
}

// 字符串
const str = 'Hello';
for (let char of str) {
    console.log(char);
}

特点：

• 直接遍历可迭代对象的值。
• 适用于数组、字符串、Map、Set 等。
• 可以使用 break、continue 和 return 语句来中断循环。

总结

• forEach：适用于遍历数组，不能中断循环，没有返回值。
• for-in：适用于遍历对象的可枚举属性，包括原型链上的属性（需要过滤）。
• for-of：适用于遍历可迭代对象的值，可以中断循环，适用于数组、字符串、Map、Set 等。

选择哪种循环方法取决于你的具体需求和数据类型。