Js数组对象如何根据多个key值进行分类

这篇文章将为大家详细讲解有关Js数组对象如何根据多个key值进行分类，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

Js数组对象根据多个key值分类

在 JavaScript 中，可以使用以下步骤根据多个键值对数组对象进行分类：

1. 创建一个空对象

const result = {};

2. 遍历数组

使用 forEach() 方法或 for...of 循环遍历数组中的每个对象。

arr.forEach(obj => {
  // ...
});

for (const obj of arr) {
  // ...
}

3. 获取键值对

对于每个对象，使用 Object.entries() 方法提取键值对。

const entries = Object.entries(obj);

4. 循环键值对

使用 for...of 循环或 forEach() 方法遍历键值对。

for (const [key, value] of entries) {
  // ...
}

entries.forEach(([key, value]) => {
  // ...
});

5. 在结果对象中创建分类

对于每个键值对，检查结果对象中是否存在该键。如果存在，则将值推送到现有的数组中，否则创建新的数组并将其作为值推送到结果对象中。

if (result[key]) {
  result[key].push(value);
} else {
  result[key] = [value];
}

示例

以下示例演示如何根据 color 和 shape 键对一个数组对象进行分类：

const arr = [
  { color: "red", shape: "circle" },
  { color: "blue", shape: "square" },
  { color: "green", shape: "triangle" },
  { color: "orange", shape: "circle" }
];

const result = {};

arr.forEach(obj => {
  const entries = Object.entries(obj);
  entries.forEach(([key, value]) => {
    if (result[key]) {
      result[key].push(value);
    } else {
      result[key] = [value];
    }
  });
});

console.log(result);

输出：

{
  color: ["red", "blue", "green", "orange"],
  shape: ["circle", "square", "triangle", "circle"]
}

优点

• 使用 Object.entries() 和对象属性的动态性，可以根据任何数量的键值对进行分类。
• 输出对象是一个键值对对象，易于访问分类后的数据。

缺点

• 时间复杂度为 O(n*m)，其中 n 是数组中对象的个数，m 是每个对象中键值对的个数。

以上就是Js数组对象如何根据多个key值进行分类的详细内容，更多请关注编程学习网其它相关文章！