JS遍历数组对象|极客笔记

JS遍历数组对象

在JavaScript中，数组是一种非常常用的数据结构，而对象也是JavaScript中的一个重要的数据类型。在某些情况下，我们需要遍历数组中的对象，本文将详细介绍如何使用JavaScript来遍历数组对象。

方法一：for循环遍历数组对象

最常见的方法是使用for循环来遍历数组对象。下面是一个简单的示例代码：

let users = [
    {name: 'Alice', age: 25},
    {name: 'Bob', age: 30},
    {name: 'Cathy', age: 35}
];

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

以上代码首先定义了一个users数组，其中包含了三个对象，每个对象都有name和age属性。然后使用for循环遍历数组，打印每个对象的name和age属性。

运行结果如下：

Alice is 25 years old
Bob is 30 years old
Cathy is 35 years old

方法二：forEach方法遍历数组对象

除了使用for循环，JavaScript还提供了forEach方法来遍历数组。下面是使用forEach方法的示例代码：

let users = [
    {name: 'Alice', age: 25},
    {name: 'Bob', age: 30},
    {name: 'Cathy', age: 35}
];

users.forEach(user => {
    console.log(user.name + ' is ' + user.age + ' years old');
});

以上代码定义了users数组，然后使用forEach方法遍历数组，打印每个对象的name和age属性。

运行结果与上面的方法一相同。

方法三：for…of循环遍历数组对象

另一种遍历数组对象的方法是使用for...of循环。下面是使用for...of循环的示例代码：

let users = [
    {name: 'Alice', age: 25},
    {name: 'Bob', age: 30},
    {name: 'Cathy', age: 35}
];

for (let user of users) {
    console.log(user.name + ' is ' + user.age + ' years old');
}

以上代码与前两种方法类似，使用for...of循环遍历数组对象，并打印每个对象的name和age属性。

运行结果同样是：

Alice is 25 years old
Bob is 30 years old
Cathy is 35 years old

方法四：Object.keys方法遍历对象属性

有时候我们可能只需要遍历对象的属性而不需要遍历整个数组对象，这时可以使用Object.keys方法。下面是一个简单示例：

let user = {name: 'Alice', age: 25};

Object.keys(user).forEach(key => {
    console.log(key + ': ' + user[key]);
});

以上代码定义了一个user对象，然后使用Object.keys方法获取对象的属性名，并遍历打印每个属性名和对应的值。

运行结果如下：

name: Alice
age: 25

方法五：遍历多维数组对象

如果数组对象是多维的，我们可以使用嵌套的循环来遍历。下面是一个多维数组对象的示例代码：

let users = [
    {name: 'Alice', friends: ['Bob', 'Cathy']},
    {name: 'Bob', friends: ['Alice', 'Cathy']},
    {name: 'Cathy', friends: ['Alice', 'Bob']}
];

users.forEach(user => {
    console.log(user.name + ' is friends with:');
    user.friends.forEach(friend => {
        console.log('- ' + friend);
    });
});

以上代码定义了一个多维数组users，其中每个对象包含name和friends属性，friends属性是一个包含朋友名字的数组。我们使用两层forEach循环来逐个打印每个用户和他们的朋友。

运行结果如下：

Alice is friends with:
- Bob
- Cathy
Bob is friends with:
- Alice
- Cathy
Cathy is friends with:
- Alice
- Bob

总结

本文介绍了五种常见的方法来遍历数组对象，包括使用for循环、forEach方法、for…of循环、Object.keys方法以及遍历多维数组对象。通过这些方法，我们能够方便地对数组对象进行遍历操作，获取需要的数据或执行相应的逻辑。

JS遍历数组对象