重构映射、减少和加倍 for 循环 - javascript es6

Question

我有一个 JavaScript 对象，比如说parentObj。

如何改进以下代码。我有一个reduce、一个map 和一个double for loop。

[
   {
      NAME: 'SOMENAME',
      ID: '1',
      FROM: '20191223',
      TO: '99991231'
    },

   {
      NAME: 'SOMENAME',
      ID: '2',
      FROM: '20191223',
      TO: '99991231'
   },

   {
      NAME: 'SOMENAME',
      ID: '3',
      FROM: '20191223',
      TO: '99991231'
   }
]

我创建了一个新对象。

  const newObj = .reduce(
    function (obj, item) {
      obj[item.NAME] = obj[item.NAME] || [];
      obj[item.NAME].push(item.ID);
      return obj;
    },
    {}
  );

然后从中取出一个新的对象数组。

  const newObjArr = Object.keys(newObj ).map(function (key) {
        return { NAME: key, ID: newObj [key] };
      });

然后是一个双循环。

      for (let item1 of newObjArr) {
        for (let item2 of parentObj) {
          if (item1.NAME=== item2.NAME) {
            finalObjArr.push({ NAME: item1.NAME, ID: item1.ID, FROM: item2.FROM, TO: item2.TO});
          }
        }
      }

我的最终输出：

[
   {
      NAME: 'SOMENAME',
      ID: [1, 2, 3],
      FROM: '20191223',
      TO: '99991231'
   },
   ...
]

Answer 1

您已经拥有newObj，您可以在其中按名称查找内容。无需构建 newObjArr 并遍历它以按名称搜索。随便写

for (const item2 of parentObj) {
  const item1_NAME = item2.NAME;
  const item1_IDs = newObj[item1_NAME];
  finalObjArr.push({ NAME: item1_NAME, ID: item1_IDs, FROM: item2.FROM, TO: item2.TO});
}

---

鉴于您在 cmets 中的更新，我建议您实际上将包含所有信息的对象放在 newObj 中，然后您只需要获取其值作为数组：

const newObj = parentObj.reduce((obj, item) => {
  if (!(item.NAME in obj))
    obj[item.NAME] = { NAME: item.NAME, ID: [], FROM: item.FROM, TO: item.TO };
  obj[item.NAME].ID.push(item.ID);
  return obj;
}, {});
const finalObjArr = Object.values(newObj);

Answer 2

您可以使用以下内容：

// sample data
let parentObj = [{NAME: 'SOMENAME',ID: '1',FROM: '20171223',TO: '99991231'},{NAME: 'SOMENAME',ID: '2',FROM: '20181223',TO: '99991231'},{NAME: 'SOMENAME',ID: '3',FROM: '20191223',TO: '99991231'}];

let map = new Map(parentObj.map(o => [o.NAME, []]));
parentObj.forEach(o => map.get(o.NAME).push(o));
let finalObjArr = Array.from(map.values(), arr => 
     arr.map(o => ({...o, ID: arr.map(o => o.ID)}))
).flat();

console.log(finalObjArr);

与您自己的解决方案的不同之处在于，输出中的每个ID 数组现在都是独立的。因此，如果您要对其中一个进行变异，则该更改不会显示在另一个对象中。

我使用了array.flat()，它不在 ES6 中（你提到了 ES6）。如果这是个问题，请改用[].concat(...array)。

Answer 3

这可能是你想要的。

const parentObj = [{
    NAME: 'SOMENAME',
    ID: '1',
    FROM: '20191223',
    TO: '99991231'
},
{
    NAME: 'SOMENAME',
    ID: '2',
    FROM: '20191223',
    TO: '99991231'
},
{
    NAME: 'SOMENAME',
    ID: '3',
    FROM: '20191223',
    TO: '99991231'
}]

const ids = parentObj.reduce((p,{NAME, ID})=>
        ((p[NAME] || (p[NAME] = [])),
         (p[NAME].push(ID)), p), {})

console.log(parentObj.map(({NAME, FROM, TO})=>
        ({NAME, ID: ids[NAME], FROM, TO})))

或者这可能是你想要的。根据您对另一个答案的评论，可能存在歧义：

const parentObj = [{
    NAME: 'SOMENAME',
    ID: '1',
    FROM: '20191223',
    TO: '99991231'
},
{
    NAME: 'SOMENAME',
    ID: '2',
    FROM: '20191223',
    TO: '99991231'
},
{
    NAME: 'SOMENAME',
    ID: '3',
    FROM: '20191223',
    TO: '99991231'
}]

console.log(Object.values(parentObj.reduce(
    (p,{NAME, ID, FROM, TO})=>
        ((p[NAME] || (p[NAME] = {NAME, ID: [], FROM, TO})),
         (p[NAME]['ID'].push(ID)), p), {})))