JavaScript - いくつかのネストされた配列からすべてのオブジェクトを一意のオブジェクトの新しい配列に入れる方法

Question

私はpackagesというオブジェクトの配列を持っています。各オブジェクトには、オブジェクトの別の配列であるmodulesというプロパティがあります。各modulesの各オブジェクトには一意のIDがあります。私はIDを使用して、modulesのすべての配列からの各一意のオブジェクトを単一の配列に配置したいと考えています。

packages = [ 
    { id: 1, modules:[{ id: 1, name: 'module1' }, { id: 2, name: 'module2' }]}, 
    { id: 2, modules:[{ id: 1, name: 'module1' }, { id: 3, name: 'module3' }]}, 
    { id: 3, modules:[{ id: 2, name: 'module2' }, { id: 4, name: 'module4' }]} 
]; 

私がする結果を必要とする：

allModules = [ 
    { id: 1, name: 'module1' }, 
    { id: 2, name: 'module2' }, 
    { id: 3, name: 'module3' }, 
    { id: 4, name: 'module4' } 
]; 

私はES6活字体を使用しますが、いませんよ。

Answer 1

あなたはユニークなモジュールのリストを取得するにはreduceとfilterなどの配列メソッドを使用することができます。

var packages = [ 
 
    { id: 1, modules:[{ id: 1, name: 'module1' }, { id: 2, name: 'module2' }]}, 
 
    { id: 2, modules:[{ id: 1, name: 'module1' }, { id: 3, name: 'module3' }]}, 
 
    { id: 3, modules:[{ id: 2, name: 'module2' }, { id: 4, name: 'module4' }]} 
 
] 
 

 
var result = packages.reduce(function (a, e) { 
 
    return a.concat(e.modules) 
 
}, []).filter(function (e) { 
 
    return !this[e.id] && (this[e.id] = true) 
 
}, {}) 
 

 
console.log(result)