js 遍历包含对象的数组

JS遍历包含对象的数组可以使用for循环或者forEach方法。具体步骤如下：
1. 使用for循环遍历数组，然后再使用for...in循环遍历每个对象的属性和值。
2. 使用forEach方法遍历数组，然后再使用for...in循环遍历每个对象的属性和值。
下面是两种方法的代码示例：
1. 使用for循环和for...in循环遍历对象数组：

let arr = [
  {name: 'dawn', age: 21},
  {name: 'john', age: 22},
  {name: 'jane', age: 23}
];

for(let i = 0; i < arr.length; i++) {
  for(let key in arr[i]) {
    console.log(key + ': ' + arr[i][key]);
  }
}

2. 使用forEach方法和for...in循环遍历对象数组：

let arr = [
  {name: 'dawn', age: 21},
  {name: 'john', age: 22},
  {name: 'jane', age: 23}
];

arr.forEach(function(obj) {
  for(let key in obj) {
    console.log(key + ': ' + obj[key]);
  }
});

相关问题

javascript遍历对象数组概念

### JavaScript 中遍历对象数组

在 JavaScript 中，遍历对象数组可以通过多种方式来完成。每种方法都有其特点和适用场景。

#### 使用 `for` 循环
最基础的方法之一就是使用传统的 `for` 循环。这种方法适用于任何版本的 JavaScript 并且非常直观：

const objectArray = [
    { id: 1, name: 'Alice' },
    { id: 2, name: 'Bob' }
];

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

此代码片段展示了如何通过索引来访问每个对象中的属性[^1]。

#### 利用 `forEach` 方法
对于现代浏览器支持的情况，可以采用更简洁的方式来处理——即利用数组原型上的 `forEach` 方法来进行迭代操作：

objectArray.forEach(function(item) {
    console.log(item.name);
});
// 或者箭头函数形式
objectArray.forEach((item) => console.log(item.name));

这种方式不仅简化了语法，还提高了可读性和维护性[^5]。

#### 应用 `for...of` 结构
ES6 引入了一种新的循环语句叫做 `for...of`，它可以方便地用于遍历具有迭代器接口的数据结构如数组、字符串等：

for (const item of objectArray) {
    console.log(item.name);
}

这种写法更加清晰明了，并且可以直接获取到当前项而无需关心具体的索引位置[^4]。

#### 运用高阶函数 `map`
如果希望创建一个新的基于原有数据变换后的数组，则可以选择 `map()` 函数。这同样是一种高效且易于理解的做法：

const names = objectArray.map(item => item.name);
console.log(names); // 输出 ["Alice", "Bob"]

需要注意的是，`map()` 不会对原始数组造成影响；相反，它会产生一个全新的包含转换后元素的新数组[^3]。

js遍历包含对象的数组并返回对象id集合

可以使用forEach()方法遍历包含对象的数组，并通过访问对象的属性来获取对象ID，代码示例如下：

let objArr = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Bob'}];

let idArr = [];

objArr.forEach(obj => {
idArr.push(obj.id);
});

console.log(idArr); // [1, 2, 3]

哎呀，刚刚我在哼小调，你听到了吗？