javascript - 使用动态变量映射数据

Question

我在尝试实现某些目标时遇到了一些麻烦。所以我有一些数据

let data = [
  {
    "ID": 123456,
    "Date": "2012-01-01",
    "Irrelevant_Column_1": 123,
    "Irrelevant_Column_2": 234,
    "Irrelevant_Column_3": 345,
    "Irrelevant_Column_4": 456
  },
  ...
]

我想删除不相关的列。所以有人建议使用 map

data = data.map(element => ({ID: element.ID, Date: element.Date}))

问题是，我不想定义列。我让用户选择要保留的列，并将它们分配给一个变量。然后我可以做类似的事情

let selectedId = this.selectedIdCol;

问题是，我现在无法在 map 中使用它。我在努力

let selectedId = this.selectedIdCol;
this.parsed_csv = data.map(element => (
    {ID: element.selectedId, Date: element.Date}
));

但这似乎不起作用，只是返回日期。另外，我的 IDE 说该变量未使用。那么如何将 selectedId 变量用作 map 函数的一部分呢？

谢谢

Answer 1

您可以使用 Bracket notation 符号和帮助函数

每当你想使用变量访问属性时，你需要使用 [] 符号。

let data = [{"ID": 123456,"Date": "2012-01-01","column_1": 123,"column_2": 234,"column_3": 345,"column_4": 456},{"ID": 123456,"Date": "2018-10-01",   "column_1": 123,"column_2": 234,"column_3": 345,"column_4": 46},]

function selectDesired(data,propName1,propName2){
  return data.map(e=> ({[propName1]: e[propName1], [propName2]: e[propName2]}))
}

console.log(selectDesired(data, 'Date', 'column_4'))