JavaScript如何实现多字段条件匹配的数据筛选

原逻辑的问题是仅对item.name字段做了包含匹配校验，完全未覆盖item.category字段，因此当输入关键词仅存在于category字段取值中时（比如示例里的输入"Pen"），会出现无匹配结果的情况。

注：如果业务逻辑要求必须同时满足name、category两个字段都包含关键词才算命中条目，只需要将判断条件中的||替换为&&即可。结合你给出的“输入category取值时需要能返回结果”的场景，使用逻辑或||是符合预期的。

核心修改思路 #

• 提前将用户输入的关键词统一转为小写并去除首尾空白，避免在循环内重复执行大小写转换的冗余计算
• 对需要匹配的name、category两个字段分别执行相同的包含匹配校验，两个字段的命中关系使用||（逻辑或）连接：只要任意一个字段的内容匹配关键词，就保留该条数据
• （可选优化）如果后续需要扩展更多匹配字段，可以将待匹配字段抽为数组，结合Array.some()简化代码结构，降低后续维护成本

基础修改版代码 #

const items = [
    { name: "Magazine", category: "Book"},
    { name: "Marker", category: "Pen"},
    { name: "Litelature", category: "Book"},
    { name: "Comics", category: "Book"},
    { name: "Drawer", category: "Pen"}
]

const input = "Pen"
// 提前处理关键词，避免循环内重复计算
const keyword = input.toLowerCase().trim()

const filtered = items.filter((item) => {
  const matchName = item.name.toLowerCase().includes(keyword)
  const matchCategory = item.category.toLowerCase().includes(keyword)
  return matchName || matchCategory
})

可扩展的通用版代码 #

后续如果需要新增更多匹配字段（比如description、id），不需要再修改filter内部的判断逻辑，仅需要更新待匹配的字段数组即可：

const fieldsToMatch = ['name', 'category']
const filtered = items.filter((item) => {
  return fieldsToMatch.some((field) => 
    item[field].toLowerCase().includes(keyword)
  )
})

内容的提问来源于stack exchange，提问作者Nadhiful - Kun