Question

如何从 React 中的多维数组中获取特定的关键数据？

2021-10-26

1129

javascript reactjs arrays

我正在使用一个 API，从中我获得了以下格式的数据：-

[
  0:{
    id: "1"
    name: "ttp"
    platforms:{
       one: "false",
    }
  },

 1:{
    id: "2"
    name: "spt"
    platforms:{
       one: "true",
       two: "true",
    }
  },
},
]

数据非常大，它有 100 多个索引。我想检查索引中是否存在平台。假设任何索引包含平台 one ，我想显示其 id，而不想显示没有平台 one 的索引，但我不知道如何在 React 中执行此操作。

这里是我想更改的代码；不想使用索引 [0]

if (response.status === 200) {
    console.log(response.data)
    list = response.data[0].platforms;
 }

Answer 1

您可以使用 filter() 来过滤数组并根据条件获取所需的元素。

就您而言：

if (response.status === 200) {
    console.log(response.data)
    list = response.data;
    const filteredList = list.filter( (e: any) => (e.platforms.one));
    // filteredList contains just the objects that contains the value one
}