使用 JavaScript 按属性对对象进行分组


假设我们有一个包含有关某些水果和蔬菜的数据的对象数组,如下所示 -

const arr = [
   {food: 'apple', type: 'fruit'},
   {food: 'potato', type: 'vegetable'},
   {food: 'banana', type: 'fruit'},
];

我们需要编写一个接收此类数组的 JavaScript 函数。

我们的功能应根据对象的“类型”属性对数组对象进行分组。

这意味着所有“水果”类型对象都分组在一起,“蔬菜”类型也单独分组。

示例

此代码如下 -

const arr = [
   {food: 'apple', type: 'fruit'},
   {food: 'potato', type: 'vegetable'},
   {food: 'banana', type: 'fruit'},
];
const transformArray = (arr = []) => {
   const res = [];
   const map = {};
   let i, j, curr;
   for (i = 0, j = arr.length; i < j; i++) {
      curr = arr[i];
      if (!(curr.type in map)) {
         map[curr.type] = {type: curr.type, foods: []};
         res.push(map[curr.type]);
      };
      map[curr.type].foods.push(curr.food);
   };
   return res;
};
console.log(transformArray(arr));

输出

控制台中的输出将如下所示 -

[
   { type: 'fruit', foods: [ 'apple', 'banana' ] },
   { type: 'vegetable', foods: [ 'potato' ] }
]

更新时间:2020 年 11 月 24 日

745 次观看

开启你的 职业生涯

完成课程并获得认证

开始
广告