Как искать несколько строк с помощью AND, используя JS-фильтр в реакции?

Следующая идея должна сработать:

1. Разделите поисковый запрос по пробелам () на токены.
2. Начните с полного набора строк и отфильтруйте его до тех строк, которые содержат первый токен.
3. К этому отфильтрованному набору строк применяется фильтр со следующим токеном, пока не будут обработаны все токены.

Функция Javascript reduce здесь ваш друг:

library(reactable)
data <- as.data.frame(datasets::Titanic)

searchForMultipleStrings  <- JS("
function(rows, columnIds, filterValue) {
  // tokens is an array of all search words
  const tokens = filterValue.split(' ');
  const result = tokens.reduce(
    function (filtered_rows, token) {
      return filtered_rows.filter(function (row) {
        // need to transform object to array
        const vals = Object.keys(row.values).map((key) => row.values[key]);
        // for each entry in the row look if there is at least one single match 
        return vals.some((value) => value == token)
      });
    },
    rows
  )
  return result;
}
")

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

Н.Б. Я искал точные совпадения здесь (==). Если вам нужна гибкость в использовании какого-то частичного соответствия, вы можете включить regex в функцию .some().

Обновлять

Чтобы обеспечить «живой» поиск без учета регистра, адаптируйте код следующим образом:

searchForMultipleStrings  <- JS("
function(rows, columnIds, filterValue) {
  // tokens is an array of all search words
  const tokens = filterValue.split(' ');
  const result = tokens.reduce(
    function (filtered_rows, token) {
      return filtered_rows.filter(function (row) {
        // need to transform object to array
        const vals = Object.keys(row.values).map((key) => row.values[key]);
        // for each entry in the row look if there is at least one single match 
        const re = new RegExp('^' + token + '\\S*', 'i');
        return vals.some((value) => re.test(value))
      });
    },
    rows
  )
  return result;
}
")

Это позволяет обеспечить частичное совпадение с начала строки. То есть строка поиска ma ch y 3 будет соответствовать Male | Child | Yes | 3rd. Он нечувствителен к регистру. В зависимости от ваших конечных потребностей вам может потребоваться дополнительная адаптация регулярного выражения.

Подход, аналогичный вашему, с использованием regex поиска: определяется массив значений фильтра. Затем мы перебираем этот массив в цикле для получения логических значений, которые указывают на совпадение в каком-то столбце, и, наконец, every() используется для объединения его в одно логическое значение.

library(reactable)

myFilterMethod <- JS('
function(rows, columnIds, filterValue) {
    let arrFilterValues = filterValue.split(" ");

    return rows.filter(function(row) {
        return arrFilterValues.map(function(e) {
            return columnIds.some(function(columnId) {
                return new RegExp(e).test(row.values[columnId])
            });
        }).every(v => v === true);
    });
}')

reactable(
  as.data.frame(datasets::Titanic), searchable=TRUE, 
  searchMethod=myFilterMethod)