javascript - 数组映射和缩减显示未定义的值

Question

我有两个名为 headersMap 的数组和 selected_arr如下

headersMap: [
    {
      text: "#",
      align: "center",
      sortable: true,
      value: "id",
      align: "start",
      width: "1%",
    },
    {
      text: "Name",
      align: "center",
      sortable: true,
      value: "name",
      align: "start",
    },
    {
      text: "Company",
      align: "center",
      sortable: true,
      value: "company",
      align: "start",
    }
 ]

selected_arr: ['id', 'company']

我尝试过的内容如下:

let jsonObject = this.headersMap;
let selectedArray = this.selected_arr;
let filteredJsonObject = jsonObject.map(function(entry) {
    return selectedArray.reduce(function(res, key) {
        res[key] = entry[key];
        return res;
    }, {});
});

console.log(filteredJsonObject);

输出:

[
    {
      #: undefined
      company: undefined
    }
]

问题:我想要的是减少 headersMap来自 selected_arr ，输出应如下所示:

[
    {
      text: "#",
      align: "center",
      sortable: true,
      value: "id",
      align: "start",
      width: "1%",
    },
    {
      text: "Company",
      align: "center",
      sortable: true,
      value: "company",
      align: "start",
    }
 ]

Answer 1

使用 Array#filter :

const 
  headersMap = [
    { text: "#", align: "center", sortable: true, value: "id", align: "start", width: "1%" },
    { text: "Name", align: "center", sortable: true, value: "name", align: "start" },
    { text: "Company", align: "center", sortable: true, value: "company", align: "start" }
  ],
  selected_arr = ['id', 'company'];

const filtered = headersMap.filter(({ value }) => selected_arr.includes(value));

console.log(filtered);