如何在 JavaScript 中按对象属性对数组项进行分组？

按对象属性对数组项进行分组

在您的场景中，您希望将包含具有公共组属性的对象的数组合并到新数组中。每个组都应该有一个唯一的颜色数组。

要使用 JavaScript 实现此目的：

1. 创建组名称到值的映射：
   创建一个空对象，group_to_values。然后，使用 reduce 方法遍历输入数组 myArray。

• 对于 myArray 中的每个对象，检查 group 属性。
• 将 group 属性存储为group_to_values 中的键。
• 如果没有，则在该键处创建一个数组
• 将对象的颜色属性压入相应组键处的数组中。

var group_to_values = myArray.reduce(function (obj, item) {
    obj[item.group] = obj[item.group] || [];
    obj[item.group].push(item.color);
    return obj;
}, {});

2. 转换为所需格式：
   将 group_to_values 对象转换为所需的数组格式。使用 Object.keys() 获取组名称并将其转换为对象。

var groups = Object.keys(group_to_values).map(function (key) {
    return {group: key, color: group_to_values[key]};
});

结果 groups 将是一个对象数组，每个对象代表一个组，带有一个颜色数组包含该组的所有独特颜色。

以上是如何在 JavaScript 中按对象属性对数组项进行分组？的详细内容。更多信息请关注PHP中文网其他相关文章！