如何用JavaScript从多个数组中提取第一个对象？

本文介绍了如何使用JavaScript高效地从包含多个数组的JSON对象中提取每个数组的第一个对象。 通过`Object.values()`方法获取所有数组，再结合`map()`方法迭代并提取每个数组的第一个元素`array[0]`，最终生成一个包含所有数组首个对象的新数组。 此方法简洁易懂，适用于需要快速处理多数组数据场景，有效提升代码效率。 学习本方法，轻松解决JavaScript数组对象处理难题。

JavaScript 多数组首对象提取方法

假设您有一个 JSON 对象，其键对应多个数组，每个数组包含具有相同键的多个对象。 我们需要创建一个新数组，包含每个数组的第一个对象。

以下 JavaScript 代码演示了如何实现：

const data = {
    "210.335": [
        { "id": "110" },
        { "id": "111" }
    ],
    "212.135": [
        { "id": "120" },
        { "id": "121" },
        { "id": "122" }
    ],
    "212.335": [
        { "id": "130" }
    ]
};

const result = Object.values(data).map(array => array[0]);

console.log(result); // 输出: [{ "id": "110" }, { "id": "120" }, { "id": "130" }]

代码解释：

1. Object.values(data)：此方法将 data 对象的所有值（即数组）提取到一个新数组中。
2. .map(array => array[0])：使用 map 方法迭代包含数组的新数组。对于每个数组 array，array[0] 返回该数组的第一个元素（对象），从而创建一个包含每个数组第一个对象的新数组。

最终结果 result 是一个包含每个输入数组第一个对象的数组。 此方法简洁高效地解决了从多个数组中提取第一个对象的问题。

今天关于《如何用JavaScript从多个数组中提取第一个对象？》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！