迹忆客 专注技术分享

当前位置:主页 > 学无止境 > 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 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 C 语言中获取字符数组的长度

发布时间:2023/05/07 浏览次数:166 分类:C语言

本文演示了如何在 C 语言中获取一个 char 数组的长度。使用 sizeof 运算符来查找字符数组的长度 数组的大小可以用 sizeof 运算符计算,而不考虑元素的数据类型。

在 C 语言中初始化字符数组

发布时间:2023/05/07 浏览次数:158 分类:C语言

本文介绍了如何在 C 语言中初始化字符数组。使用 {} 卷曲括号列表符号在 C 语言中初始化一个字符数组

C 语言中复制字符数组

发布时间:2023/05/07 浏览次数:117 分类:C语言

本文介绍了如何在 C 语言中复制字符数组。使用 memcpy 函数在 C 语言中复制一个字符数组 char 数组可能是 C 代码中最常用的数据结构,复制数组内容是它的核心操作之一。

将 HTML 转换为 JSON

发布时间:2023/05/05 浏览次数:135 分类:HTML

本篇文章介绍如何将 HTML 转换为 JSON。使用 JavaScript JSON.stringify() 方法将 HTML 转换为 JSON JSON 类似于 JavaScript 对象,不同的是 key 在 JSON 中被写成一个字符串。

Django 返回 JSON

发布时间:2023/05/04 浏览次数:106 分类:Python

在与我们的讨论中,我们简要介绍了 JSON 格式,并讨论了如何借助 Django 中的 JsonResponse 类将数据返回为 JSON 格式。

Django ArrayField 数组字段

发布时间:2023/05/04 浏览次数:167 分类:Python

在本文中,我们将学习在 Django 数据库模型中使用 ArrayFields。Django中的ArrayField类似于Java、C、C++等其他编程语言中的数组数据结构,存储相同数据类型的多个值。

计算 Java 数组中的重复元素

发布时间:2023/05/01 浏览次数:202 分类:Java

本篇文章介绍Java计算数组中重复元素的方法。计算 Java 数组中的重复元素。我们可以创建一个程序来计算数组中的重复元素。 该数组可以是未排序的,也可以是已排序的。

扫一扫阅读全部技术教程

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

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便