在数组中分隔对象,并在每个id的新数组中按id排序

时间:2017-07-28 20:01:26

标签: javascript arrays object filter higher-order-functions

我有一个包含对象的数组,每个对象都有一个唯一的ID。我需要根据ID来分离这些对象,并创建包含只有相同ID的对象的新数组。

这是我到目前为止所拥有的......

let fullArray = [{
  name: 'John',
  id: 1
}, {
  name: 'Lucy',
  id: 1
}, {
  name: 'Tyler',
  id: 2
}];

function separateObjectsInArray(fullArray) {

  let newArr = [];

  fullArray.map((each) => {

    newArr.push(each.id);

  });

  let uniqueIdArr = [...new Set(newArr)];

  fullArray.map((eachObj) => {

    uniqueArr.map((uniqueId) => {

      if (eachObj.id === uniqueId) {
         //CREATE NEW ARRAYS WITH MATCHING ID'S

      }

    })

  })

}

separateObjectsInArray(fullArray);

正如您所看到的,我首先绘制出对象数组,然后使用ids创建一个数组,然后取出任何重复项(uniqueIdArr) 之后,我再次映射fullArray,并将每个对象的ID与ID的uniqueIdArr进行比较。我坚持如何告诉它为每个ID创建一个数组并推送匹配的对象。

let finalArray1 = [{
  name: 'John',
  id: 1
}, {
  name: 'Lucy',
  id: 1
}];

let finalArray2 = [{
  name: 'Tyler',
  id: 2
}];

或者即使是一个带阵列的数组也可以!

let finalArray = [[{name: 'Tyler', id: 2 }], [{ name: 'John', id: 1},{ 
name: 'Lucy', id: 1 }]];

2 个答案:

答案 0 :(得分:5)

您可以使用reduce构建一个由id键控的Map,最后从该数组中获取值以形成一个新的数组数组:

function group(arr, key) {
    return [...arr.reduce( (acc, o) => 
        acc.set(o[key], (acc.get(o[key]) || []).concat(o))
    , new Map).values()];
}

const fullArray = [{
  name: 'John',
  id: 1
}, {
  name: 'Lucy',
  id: 1
}, {
  name: 'Tyler',
  id: 2
}];

const result = group(fullArray, 'id');

console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }

答案 1 :(得分:0)

如果你可以使用lodash,这里有另一个解决方案。



let fullArray = [
    { name: 'John', id: 1 },
    { name: 'Sarah', id: 2 },
    { name: 'Lucy', id: 1 },
    { name: 'Tyler', id: 2 }];

const grouped = _.groupBy(fullArray, "id");
console.log(Object.keys(grouped).map((key) => grouped[key]));

<script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
&#13;
&#13;
&#13;

希望这有帮助。