javascript - 如何根据 React、ES6 中的对象数组的搜索输入来过滤数据

Question

我通过以下方式获得了来自 API 的 JSON 数据模式。我能够使用 body 键过滤数据。我正在尝试实现搜索功能，该功能应该根据用户输入搜索所有对象数组，而不管key。有人可以指导如何实现这一目标吗？我尝试使用嵌套 for 循环来获取单独的 key ，但运气不佳。

[
  {
    "postId": 1,
    "id": 1,
    "name": "id labore ex et quam laborum",
    "email": "Eliseo@gardner.biz",
    "body": "laudantium enim quasi est quidem magnccusantium"
  },
  {
    "postId": 1,
    "id": 2,
    "name": "quo vero reiciendis velit similique earum",
    "email": "Jayne_Kuhic@sydney.com",
    "body": "est natus enim nihil est dolore is et"
  }
  ...
]

我当前使用的基于键的搜索逻辑

const filteredData = data.filter(item =>
      item.body.includes(searchTerm.value)
    );
    this.setState({ filteredData: filteredData });

我使用 Sandbox 创建了一个工作示例。谁能指导如何从整个对象数组中获得搜索结果？

Answer 1

试试这个:

const filteredData = data.filter(item => Object.values(item).some(val => val.toString().includes(searchTerm.value)));