如何将具有公共键的 JavaScript 对象合并到一个新数组中，其中值被组合在一起？

使用 Common Key 合并 JavaScript 对象

在 JavaScript 中，合并对象可以很简单。但是，当处理对象数组时，该过程会变得更加复杂，其中多个对象共享一个公共键，并且需要组合它们的值。考虑下面的示例：

<code class="js">var array = [
    {
        name: "foo1",
        value: "val1"
    }, {
        name: "foo1",
        value: ["val2", "val3"]
    }, {
        name: "foo2",
        value: "val4"
    }
];</code>

目标是将数组重新组织为一种格式，其中与相同名称键关联的所有值都合并在一起。预期输出如下所示：

<code class="js">var output = [
    {
        name: "foo1",
        value: ["val1", "val2", "val3"]
    }, {
        name: "foo2",
        value: ["val4"]
    }
];</code>

要实现这种合并，一种有效的方法是迭代输入数组并过滤具有相同名称键的现有对象。如果找到现有对象，则其值将更新以包含新值。否则，将创建一个新对象并将其添加到输出数组中。

这是一个示例实现：

<code class="js">var output = [];

array.forEach(function(item) {
    var existing = output.filter(function(v, i) {
        return v.name == item.name;
    });
    if (existing.length) {
        var existingIndex = output.indexOf(existing[0]);
        output[existingIndex].value = output[existingIndex].value.concat(item.value);
    } else {
        if (typeof item.value == 'string')
            item.value = [item.value];
        output.push(item);
    }
});</code>

此方法可确保与每个名称键关联的值正确合并到输出数组中的单个对象。通过迭代输入数组并处理现有的和新的对象，它提供了使用公共键合并对象的全面解决方案。

以上是如何将具有公共键的 JavaScript 对象合并到一个新数组中，其中值被组合在一起？的详细内容。更多信息请关注PHP中文网其他相关文章！