javascript - 如何获取现有数组中特定对象的计数数组？

Question

我有一个这样的对象数组:

[
  {
    importantKey: 'x',
    foo: 'bar',
    ...
  },
  {
    importantKey: 'y',
    foo: 'bar',
    ...
  },
  {
    importantKey: 'z',
    foo: 'bar',
    ...
  },
  {
    importantKey: 'x',
    foo: 'bar',
    ...
  },
  {
    importantKey: 'y',
    foo: 'bar',
    ...
  },
  {
    importantKey: 'z',
    foo: 'bar',
    ...
  },
  ...
]

还有另一个具有importantKey值的数组:

keysArray = [x, y, z]

我如何获得一个数组，其中的值是所有对象的计数，这些对象的每个 importantKey 的顺序与 keysArray 相同？所以最终的结果是:

[ numberOfObjectsWithKeyX, numberOfObjectsWithKeyY, numberOfObjectsWithKeyZ ]

对于这个例子，结果将是:

[2, 2, 2]

同时 keysArray 是动态生成的，所以 x、y 和 z 不能硬编码。

Answer 1

你可以这样做:

keysArray.map(key => values.filter(v => v.importantKey === key).length);

基本上，您在 keysArray 上调用 map()，这将为它创建一个并行数组，无论 map() 吐出什么值.

对于该值，您只需调用 values.filter() 并仅过滤掉具有适当键的内容，然后只需检查长度即可获得计数。

const values = [
  {
    importantKey: 'x',
    foo: 'bar'
  },
  {
    importantKey: 'y',
    foo: 'bar'
  },
  {
    importantKey: 'y',
    foo: 'bar'
  },
  {
    importantKey: 'x',
    foo: 'bar'
  },
  {
    importantKey: 'y',
    foo: 'bar'
  },
  {
    importantKey: 'z',
    foo: 'bar'
  }
];

const keys = ['x', 'y', 'z'];

const result = keys.map(key => values.filter(v => v.importantKey === key).length);

console.log(result);