javascript 遍历对象数组方法总结

在 JavaScript 中，遍历对象数组有很多方法，最常见的有 for 循环、forEach 方法、for...of 循环和 map 方法。以下是一些示例代码，演示如何使用这些方法来遍历对象数组：

示例对象数组

假设我们有一个包含多个对象的数组：

const users = [
    { id: 1, name: 'Alice', age: 30 },
    { id: 2, name: 'Bob', age: 25 },
    { id: 3, name: 'Charlie', age: 35 }
];

1. 使用 for 循环

for (let i = 0; i < users.length; i++) {
    console.log(users[i].name);
}

2. 使用 forEach 方法

users.forEach(user => {
    console.log(user.name);
});

3. 使用 for...of 循环

for (const user of users) {
    console.log(user.name);
}

4. 使用 map 方法

虽然 map 方法通常用于创建一个新的数组，但也可以用来遍历数组：

users.map(user => {
    console.log(user.name);
});

5. 使用 for...in 循环

尽量不要用 for...in 循环来遍历数组，因为它会遍历对象的所有可枚举属性，包括原型链上的属性。然而，针对遍历对象中的键值对，这也是一种常见的使用方式。

如果你确实需要遍历数组中的每个对象及其属性：

for (const user of users) {
    for (const key in user) {
        if (user.hasOwnProperty(key)) {
            console.log(`${key}: ${user[key]}`);
        }
    }
}

示例：在对象数组中查找并修改对象属性

假设你想要在遍历对象数组时修改每个对象的 age 属性：

users.forEach(user => {
    user.age += 1; // 将每个用户的年龄加1
});

console.log(users);

输出：

[
    { id: 1, name: 'Alice', age: 31 },
    { id: 2, name: 'Bob', age: 26 },
    { id: 3, name: 'Charlie', age: 36 }
]

通过这些方法，你可以灵活地遍历对象数组并对其中的对象进行操作。