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