在 JS 中将对象数组转换为值数组
要将对象数组转换为值数组,请在数组上调用 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']
我们传递给 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
时,我们不得不声明一个中间变量来存储循环遍历数组的状态。
相关文章
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 DataFrame 转换为 JSON
发布时间:2024/04/21 浏览次数:153 分类:Python
-
本教程演示了如何将 Pandas DataFrame 转换为 JSON 字符串。
在 Pandas 中加载 JSON 文件
发布时间:2024/04/21 浏览次数:105 分类:Python
-
本教程介绍了我们如何使用 pandas.read_json()方法将一个 JSON 文件加载到 Pandas DataFrame 中。
将 NumPy 数组转换为 Pandas DataFrame
发布时间:2024/04/21 浏览次数:111 分类:Python
-
本教程介绍了如何使用 pandas.DataFrame()方法从 NumPy 数组生成 Pandas DataFrame。
如何将 Pandas Dataframe 转换为 NumPy 数组
发布时间:2024/04/20 浏览次数:176 分类:Python
-
本教程介绍如何将 Pandas Dataframe 转换为 NumPy 数组的方法,例如 to_numpy,value 和 to_records
将 JSON 转换为 Pandas DataFrame
发布时间:2024/04/20 浏览次数:135 分类:Python
-
本教程演示了如何使用 json_normalize()和 read_json()将 JSON 字符串转换为 Pandas DataFrame。
从 JavaScript 中的 JSON 对象获取值
发布时间:2024/03/22 浏览次数:177 分类:JavaScript
-
通过 JSON.parse() 方法访问 JavaScript 中的 JSON 对象和数组可以有多种做法。可以使用点(.) 操作或括号对([]) 访问它。