Как правильно отфильтровать свойства массива по вхождению (без учета регистра)?

Question

[s24344]

Здравствуйте. Подскажите, пожалуйста, как правильно решить следующую задачу. У меня есть следующий массив.

let arr = [
    {
        id: 1,
        firstName: 'John',
        lastName: 'Smith'
    },
    {
        id: 2,
        firstName: 'Brady',
        lastName: 'Dennis'
    },
    {
        id: 3,
        firstName: 'Sandoval',
        lastName: 'Pratt'
    },
    {
        id: 4,
        firstName: 'Davis',
        lastName: 'Andrews'
    }
]

Мне необходимо при вводе в:
<input type="text">
например следующее значение:
John Dennis
отфильтровать массив следующим образом:

let arr = [
    {
        id: 1,
        firstName: 'John',
        lastName: 'Smith'
    },
    {
        id: 2,
        firstName: 'Brady',
        lastName: 'Dennis'
    }
]

или например
Pratt Sm

let arr = [
    {
        id: 3,
        firstName: 'Sandoval',
        lastName: 'Pratt'
    },
    {
        id: 1,
        firstName: 'John',
        lastName: 'Smith'
    }
]

Буду благодарен любой помощи.

Answer 1

[0xD34F]

const keys = [ 'firstName', 'lastName' ];
const values = document.querySelector('input').value.toLowerCase().match(/\S+/g) || [];
const result = arr.filter(n => keys.some(k => values.some(v => n[k].toLowerCase().includes(v))));

Comments

[s24344]

Спасибо за помощь.

Answer 2

[zendor]

UPD:

const val = document.querySelector('input').value.trim().toLowerCase().split(/\s+/);
const res = arr.filter(o => val.some(s => o.firstName.toLowerCase().includes(s) || o.lastName.toLowerCase().includes(s)));

Comments

[s24344]

Большое спасибо за помощь. Вы могли бы ещё подсказать момент. Как обработать вот эту ситуацию (с слэшом). Например: jo\

[zendor]

s24344, Не совсем понял, можно конкретнее?

[s24344]

Если в
<input type="text">
ввести обратный слэш \
то будет ошибка
Uncaught SyntaxError: Invalid regular expression: /\/: \ at end of pattern

[zendor]

s24344, Сейчас исправлю. Но надо признать, что у 0xD34F решение лучше, я совсем забыл про String.prototype.includes().

[zendor]

s24344, Извиняюсь все исправил, с позволения 0xD34F использовал его подход. Проще будет воспользоваться его решением, оно более удобное.