2017-07-28 93 views
0

我有一个包含对象的数组,每个对象都有唯一的ID。我需要根据它们的ID分离这些对象,并创建包含仅具有相同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); 

正如你可以看到我第一次映射出对象的数组,然后创建了ID的数组,然后拿出任何重复(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

sortedArr = finalArray.sort(function(a,b){return b.id-a.id}); – ControlAltDel

+2

*我有一个包含对象的数组,每个对象都有一个唯一的ID *,然后*创建包含仅具有相同ID的对象的新数组* - 这些东西中的一个不像其他的:) – tymeJV

回答

3

您可以使用reduce建立由id键控地图,终于得到了该数组的值以形成阵列的一个新的数组:

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; }

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>

希望这有助于。