Angular 如何从数组中获取或 select 数据

Question

我有两个数据集合 1，其中包含 header 数据或要显示的列。

另一个是实际的数据源。

现在我必须从 JSON 数据到 select 只需要 header 列表中的数据做什么。

以下是数据样本

Header 数据数组： ["Execution_Plan_Note", "Budget", "Reporting_Period", "Budget_Note", "Spend_Plan_Note", "Spend_Plan"]

和实际数据源

因此，从下面的集合中，我只想要新 object 中的 header 数据数组中的数据，如果有任何一个想法让我知道我已经尝试了几乎所有东西，我该如何实现这一点。

Answer 1

您可以尝试使用map并reduce如下所示。

 const keysArray = ['a', 'b']; const list = [{a: 'a', b: 'b', c: 'c'}, {a: 'a1', b: 'b1', c: 'c1'}, {a: 'a2', b: 'b2', c: 'c2'}]; const result = list.map(item => keysArray.reduce((acc, key) => { acc[key] = item[key]; return acc; }, {})); console.log(result);