2017-07-28 96 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>

希望這有助於。