如何在 JavaScript 中按键分组对象数组
假设我们有一个对象数组,其中包含有关汽车的数据,如下所示 -
const arr = [ { 'make': 'audi', 'model': 'r8', 'year': '2012' }, { 'make': 'audi', 'model': 'rs5', 'year': '2013' }, { 'make': 'ford', 'model': 'mustang', 'year': '2012' }, { 'make': 'ford', 'model': 'fusion', 'year': '2015' }, { 'make': 'kia', 'model': 'optima', 'year': '2012' }, ];
我们要求编写一个 JavaScript 函数,该函数接受一个这样的对象数组。然后,该函数应根据对象的“制造”属性对这些对象进行分组。
输出
因此,输出应类似于以下内容 -
const output = { 'audi': [ { 'model': 'r8', 'year': '2012' }, { 'model': 'rs5', 'year': '2013' }, ], 'ford': [ { 'model': 'mustang', 'year': '2012' }, { 'model': 'fusion', 'year': '2015' } ], 'kia': [ { 'model': 'optima', 'year': '2012' } ] };
示例
代码如下所示 -
const arr = [ { 'make': 'audi', 'model': 'r8', 'year': '2012' }, { 'make': 'audi', 'model': 'rs5', 'year': '2013' }, { 'make': 'ford', 'model': 'mustang', 'year': '2012' }, { 'make': 'ford', 'model': 'fusion', 'year': '2015' }, { 'make': 'kia', 'model': 'optima', 'year': '2012' }, ]; const groupByMake = (arr = []) => { let result = []; result = arr.reduce((r, a) => { r[a.make] = r[a.make] || []; r[a.make].push(a); return r; }, Object.create(null)); return result; }; console.log(groupByMake(arr));
输出
并且控制台中的输出将是 -
{ audi: [ { make: 'audi', model: 'r8', year: '2012' }, { make: 'audi', model: 'rs5', year: '2013' } ], ford: [ { make: 'ford', model: 'mustang', year: '2012' }, { make: 'ford', model: 'fusion', year: '2015' } ], kia: [ { make: 'kia', model: 'optima', year: '2012' } ] }
广告