如何在reactable中使用JS过滤器实现多字符串AND全局搜索？

要将原代码的OR逻辑改为AND逻辑（输入空格分隔的多个关键词时，仅保留同时包含所有关键词的行），需要修改JS过滤器的核心逻辑，具体调整如下：

修改后的完整代码 #

library(reactable)
data <- as.data.frame(datasets::Titanic)
myFilterMethod <- JS('function(rows, columnIds, filterValue) {
  // 将输入的搜索值按空格分割为关键词数组，过滤掉空字符串（处理末尾空格的情况）
  const keywords = filterValue.split(/\\s+/).filter(keyword => keyword.trim() !== "")
  
  // 如果没有有效关键词，直接返回所有行
  if (keywords.length === 0) {
    return rows
  }
  
  return rows.filter(function(row) {
    // 检查所有关键词是否都能在该行的任意一列中匹配到
    return keywords.every(function(keyword) {
      // 对单个关键词，检查该行是否有任意一列包含它
      return columnIds.some(function(columnId) {
        const value = row.values[columnId]
        // 确保值是字符串类型，避免非字符串值的匹配问题
        return typeof value === "string" && value.includes(keyword)
      })
    })
  })
}')

reactable(
  data, searchable = TRUE, 
  searchMethod = myFilterMethod)

关键修改说明 #

• 关键词拆分：将输入的搜索文本按空格分割成独立关键词数组，同时过滤掉空字符串，避免因末尾空格产生无效关键词。
• AND逻辑实现：使用keywords.every()确保所有关键词都满足匹配条件，代替原代码中只要有一个关键词匹配就通过的some()逻辑。
• 单关键词匹配：每个关键词仍使用columnIds.some()检查该行是否有任意一列包含该关键词，保证关键词可以出现在不同列。
• 类型安全处理：增加了值类型判断，避免非字符串类型的数据（比如数值）在匹配时出现错误。

内容的提问来源于stack exchange，提问作者userq8957289475