javascript - 同时过滤数组和字符串？

Question

这里我过滤项目:

let filter = this.props.data.filter(
  (item) => {
    return (
      item.fname.toLowerCase().indexOf(this.state.search.toLowerCase()) !== -1 ||
      item.lname.toLowerCase().indexOf(this.state.search.toLowerCase()) !== -1
    );
  }
);

因此，每当用户在输入字段中键入内容时，我都会更新我的表。但是，不仅有 fname 和 lname，还有一个名为 [children] 的数组字段，其中包含该人的 child 的名字有:

child :["Bob", "Andrew", "Mary-Jane"]

我还想过滤是否输入了任何这些 名称。我该怎么做？我是 javascript/React 初学者，非常感谢任何帮助!

Answer 1

您可以使用 some检查数组中是否有任何元素将您的搜索词作为子字符串:

const search = this.state.search.toLowerCase();
let filter = this.props.data.filter(
  (item) => {
    return (
      item.fname.toLowerCase().includes(search) ||
      item.lname.toLowerCase().includes(search) ||
      item.children.some(child => 
        child.toLowerCase().includes(search)
      )
    );
  }
);