javascript - 查找包含字符串的数组

Question

我有一个vuejs项目，我想实现一个带有列表组件的搜索组件我从搜索组件中得到了我需要的东西并将其传递给列表组件，并且在其中我有一个用于过滤其列表项的计算函数

我试过了，但没有按预期工作

 filteredItems() {
      return this.items.filter(item => {
        if (this.search != "") return item.includes(this.search);
        else return true;
      });
    }

在这段代码中，如果我有像列表项这样的数组

items:[
   ['abc','def','ghi'],
   ['ajk,'lmn','opq']
]

如果我将“a”传递给我的计算函数，我想要这两个数组但什么也得不到，我必须专门传递“abc”以仅获取第一个数组，这不是搜索的工作方式。

有人可以帮我解决这个问题吗？

Answer 1

您需要使用.some 来检查是否有任何数组项包含子字符串:

const items = [
   ['abc','def','ghi'],
   ['ajk','lmn','opq']
];
const doFilter = search => (
  items.filter(
    (arr) => arr.some((str) => str.includes(search))
  )
);
console.log(doFilter('a'));
console.log(doFilter('ab'));