迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 >

在 JS 中将对象数组转换为值数组

作者:迹忆客 最近更新:2022/12/22 浏览次数:

要将对象数组转换为值数组,请在数组上调用 map() 方法,并在每次迭代时返回值,例如 arr.map(obj => obj.property)map 方法将返回一个包含相应值的新数组。

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

const arr = arrOfObj.map(object => object.name);
console.log(arr); // 👉️ ['Alice', 'Bob']

JS 中将对象数组转换为值数组

我们传递给 Array.map 方法的函数被数组中的每个元素(对象)调用。

在每次迭代中,我们访问特定属性的对象以获取值数组。

map() 方法返回一个新数组,其中包含回调函数返回的所有值。

map 方法不会改变原始数组,它返回一个新数组。

另一种方法是使用 Array.forEach 方法迭代数组。

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

const arr = [];

arrOfObj.forEach(object => {
  arr.push(object.name);
});

console.log(arr); // 👉️ ['Alice', 'Bob']

forEach 方法返回 undefined,所以我们必须声明一个变量来存储迭代数组的状态。

我们传递给方法的函数被数组中的每个元素(对象)调用。

最后一步是推动我们想要坚持的价值观。

对于这个用例,我们应该使用 map 方法,因为它更直接。 使用 forEach 时,我们不得不声明一个中间变量来存储循环遍历数组的状态。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

Do you understand JavaScript closures?

发布时间:2025/02/21 浏览次数:108 分类:JavaScript

The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.

在 Pandas 中加载 JSON 文件

发布时间:2024/04/21 浏览次数:105 分类:Python

本教程介绍了我们如何使用 pandas.read_json()方法将一个 JSON 文件加载到 Pandas DataFrame 中。

将 JSON 转换为 Pandas DataFrame

发布时间:2024/04/20 浏览次数:135 分类:Python

本教程演示了如何使用 json_normalize()和 read_json()将 JSON 字符串转换为 Pandas DataFrame。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便