我有一个包含对象的数组,每个对象都有一个唯一的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 }]];
答案 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;
希望这有帮助。