Что быстрее отработает — регулярки или includes?

Question

[lexstile]

const handleChange = (e) => {
    const inputValue = e.target.value;
    setListOptions(options.filter(({ name }) => name.toLowerCase().includes(inputValue.toLowerCase())));
  };

или

const handleChange = (e) => {
    const inputValue = e.target.value;
    setListOptions(options.filter(({ name }) => new RegExp(inputValue, 'gi').test(name.toLowerCase())));
  };

Comments

[Алексей Уколов]

[сарказм]Абсолютно некорректное же сравнение - у вас регулярка в цикле пересоздаётся - конечно, это будет нещадно тормозить.[/сарказм]

[lexstile]

Алексей Уколов, ну а если вынести? - тут согласен, я поспешил

Answer 1

[xmoonlight]

.indexOf(), если требуется быстрая проверка вхождения подстроки.
Ставим .toLowerCase() для всех строк перед всеми проверками ОДНОКРАТНО! и только потом начинаем делать все проверки.

Также, можно использовать "водопадный спуск", для нескольких последовательных проверок: сначала проверяем самые быстро работающие условия (или самые важные для принятия решения по логической "ветке"), затем самые медленно работающие условия.

С двумя .toLowerCase() (как сейчас в примере) крайне медленно, регулярка без создания объекта (через .test) должна явно быстрее сработать, если нужно проверять сразу несколько условий в окружении при проверке вхождения одной подстроки.

Comments

[lexstile]

exec быстрее отработает нежели test?

[xmoonlight]

lexstile, обычно юзают всегда .exec.

[lexstile]

xmoonlight, в моем случае нужно булево значение, а exec вернет всю поднаготную

[xmoonlight]

lexstile, вопрос не в данных, а в скорости исполнения.
Протестите оба варианта.

[lexstile]

Bavashi, благодарю за ответ.

[xmoonlight]

Bavashi, да, согласен.
Обновил ответ благодаря твоему комменту!

Answer 2

[Alex]

Берёшь одно, второе, запускаешь, измеряешь время исполнения. Профит.

Comments

[d-sem]

слишком просто же