JavaScript 根据属性分离对象
javascriptweb developmentfront end technology更新于 2024/7/9 11:37:00
假设,我们有一个像这样的对象 −
const obj = { 0: { "time": 1, "day": 1, }, 1: { "time": 2, "day": 1, }, 2: { "time": 3, "day": 1, }, 3: { "time": 1, "day": 2, }, 4: { "time": 2, "day": 2, }, 5: { "time": 3, "day": 2, } };
我们需要编写一个 JavaScript 函数,该函数接受一个这样的对象,并将所有键值对分组到单独的子对象中,这些子对象对于 day 键具有相同的值。
输出
上述对象的输出应为 −
const output = { '1': { '1': { time: 1, day: 1 }, '2': { time: 2, day: 1 }, '3': { time: 3, day: 1 } }, '2': { '1': { time: 1, day: 2 }, '2': { time: 2, day: 2 }, '3': { time: 3, day: 2 } } }
示例
其代码为 −
const obj = { 0: { "time": 1, "day": 1, }, 1: { "time": 2, "day": 1, }, 2: { "time": 3, "day": 1, }, 3: { "time": 1, "day": 2, }, 4: { "time": 2, "day": 2, }, 5: { "time": 3, "day": 2, } }; const groupObject = obj => { let res = {}; res = Object.values(obj).reduce((acc, val) => { if(acc[val['day']] === undefined){ acc[val['day']] ={}; }; acc[val['day']][val['time']] = val; return acc; },{}); return res; }; console.log(groupObject(obj));
输出
控制台中的输出 −
{ '1': { '1': { time: 1, day: 1 }, '2': { time: 2, day: 1 }, '3': { time: 3, day: 1 } }, '2': { '1': { time: 1, day: 2 }, '2': { time: 2, day: 2 }, '3': { time: 3, day: 2 } } }