JavaScript：遍历数组对象获取值

可以使用for循环或forEach方法来遍历数组对象，通过对象的属性名来获取对应的值。

1 使用for循环

let arr = [
  {
    
     name: 'Alice', age: 18 },
  {
    
     name: 'Bob', age: 20 },
  {
    
     name: 'Charlie', age: 22 }
];

// 使用for循环
for (let i = 0; i < arr.length; i++) {
    
    
  let name = arr[i].name;
  let age = arr[i].age;
  console.log(name, age);
}

输出结果：

Alice 18
Bob 20
Charlie 22

2 使用forEach方法

let arr = [
  {
    
     name: 'Alice', age: 18 },
  {
    
     name: 'Bob', age: 20 },
  {
    
     name: 'Charlie', age: 22 }
];

// 使用forEach方法
arr.forEach(item => {
    
    
  let name = item.name;
  let age = item.age;
  console.log(name, age);
});

输出结果：

Alice 18
Bob 20
Charlie 22

3 两种方式的区别

在 JavaScript 中，有多种遍历数组对象的方式，其中最常用的为 for 循环和 forEach 方法。它们的主要区别如下：

1. for 循环需要手动指定数组的长度和索引，而 forEach 方法不需要。

2. for 循环可以使用 break 和 continue 控制循环的流程，但是 forEach 方法不支持。

3. forEach 方法每次迭代都会执行回调函数，而 for 循环可以根据需要控制迭代次数或条件。

例如，假设有以下数组对象：

const persons = [
  {
    
     name: 'Alice', age: 22 },
  {
    
     name: 'Bob', age: 30 },
  {
    
     name: 'Charlie', age: 25 }
];

使用 for 循环遍历该数组对象：

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

使用 forEach 方法遍历该数组对象：

persons.forEach(person => console.log(person.name));

两种方法都可以输出数组对象中每个人的姓名，但是 for 循环可以根据需要控制循环的流程，而 forEach 方法不支持。

总之，for 循环和 forEach 方法在遍历数组对象时都有其优势和限制，开发者应根据具体需求选择适当的方法。