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

我正在使用TypeScript，但沒有使用ES6。

Answer 1

您可以使用諸如reduce和filter類的Array方法來獲取唯一模塊的列表：

 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)