📌  相关文章
📜  从对象数组中获取所有 id javascript (1)

📅  最后修改于: 2023-12-03 14:49:24.135000             🧑  作者: Mango

从对象数组中获取所有 id

在开发 JavaScript 应用程序时,我们通常需要从对象数组中提取某个特定属性的值。在本文中,我们将学习如何从对象数组中获取所有 id。

假设我们有以下对象数组:

const books = [
  { id: 1, title: "JavaScript权威指南", author: "David Flanagan" },
  { id: 2, title: "JavaScript高级程序设计", author: "Nicholas C. Zakas" },
  { id: 3, title: "JavaScript语言精粹", author: "Douglas Crockford" }
];
使用 map 方法获取所有 id

我们可以使用 JavaScript 的 map 方法来获取所有对象的 id。

const ids = books.map(book => book.id);

这将返回一个包含所有 id 的新数组。

将代码片段按markdown进行标记:

```javascript
const books = [
  { id: 1, title: "JavaScript权威指南", author: "David Flanagan" },
  { id: 2, title: "JavaScript高级程序设计", author: "Nicholas C. Zakas" },
  { id: 3, title: "JavaScript语言精粹", author: "Douglas Crockford" }
];

const ids = books.map(book => book.id);

## 使用 for...of 循环获取所有 id

除了使用 `map` 方法,我们还可以使用 `for...of` 循环来获取所有的 id。

```javascript
const ids = [];
for (const book of books) {
  ids.push(book.id);
}

这将在 ids 数组中添加所有的 id。

将代码片段按markdown进行标记:

```javascript
const ids = [];
for (const book of books) {
  ids.push(book.id);
}

## 总结

本文介绍了两种从对象数组中获取所有 id 的方法:使用 `map` 方法和使用 `for...of` 循环。这些方法都非常简单,适用于大多数 JavaScript 应用程序。