如何从Fusejs返回的对象数组中提取item对象用于表格展示？

你从Fusejs得到了如下对象数组，想要提取每个元素中的item对象（包含code和description字段）并展示为表格，但直接使用array.item会返回undefined，需要去掉refIndex字段并正确获取目标item对象：

const array = [
    {
      item: {
        code: '25',
        description: 'code 25 desc',
      },
      refIndex: 0,
    },
    {
      item: {
        code: '26',
        description: 'code 26 desc',
      },
      refIndex: 30,
    },
    {
      item: {
        code: '32',
        description: 'code 32 desc',
      },
      refIndex: 72,
    },
    {
      item: {
        code: '33',
        description: 'code 33 desc',
      },
      refIndex: 98,
    }
];

核心解决方案：用数组map方法提取目标对象 #

array.item返回undefined是因为数组本身没有item属性，你需要遍历数组中的每个元素，提取每个元素的item属性。使用map方法可以快速生成仅包含item对象的新数组，自动过滤掉refIndex字段。

代码实现

// 提取所有item对象
const itemsArray = array.map(element => element.item);

处理后结果

执行上述代码后，itemsArray的结构如下：

[
  { code: '25', description: 'code 25 desc' },
  { code: '26', description: 'code 26 desc' },
  { code: '32', description: 'code 32 desc' },
  { code: '33', description: 'code 33 desc' }
]

表格展示提取结果 #

内容的提问来源于stack exchange，提问作者reactdev