使用 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' ] } ]
广告