📌  相关文章
📜  ho 循环遍历对象数组 - Javascript (1)

📅  最后修改于: 2023-12-03 15:31:08.941000             🧑  作者: Mango

循环遍历对象数组 - Javascript

在Javascript中,我们经常需要遍历对象数组并执行一些操作。这可以通过使用for循环或forEach方法来实现。但是,我们可以使用更简洁的方法,即使用for..of循环或for..in循环来遍历对象数组。

for..of循环

for..of循环可以用于遍历任何可迭代对象(包括数组、字符串、Map、Set等)。我们可以使用它来遍历对象数组,如下所示:

const users = [
    { name: 'Alice', age: 23 },
    { name: 'Bob', age: 25 },
    { name: 'Charlie', age: 28 }
];

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

这将输出:

Alice 23
Bob 25
Charlie 28
for..in循环

for..in循环用于遍历对象的属性(包括继承的属性)。我们可以使用它来遍历对象数组的索引,如下所示:

const users = [
    { name: 'Alice', age: 23 },
    { name: 'Bob', age: 25 },
    { name: 'Charlie', age: 28 }
];

for (const i in users) {
    console.log(i, users[i].name, users[i].age);
}

这将输出:

0 Alice 23
1 Bob 25
2 Charlie 28

需要注意的是,for..in循环遍历的属性顺序可能不是按照对象属性在代码中定义的顺序,因此不建议在循环中依赖属性的顺序。

无论是for..of循环还是for..in循环,都可以让我们更方便地遍历对象数组。但是,选择哪个循环要根据具体的需求决定。