How to optimize live search?

Question

JavaScript

There is an array of objects of the form:

[
    {
      code: 'test',
      name: 'Тест',
    }
    // ...........
  ]

I make a filter on it, for example:

options.filter(({ name }) => name.includes(inputValue));

I bet on onChange input.
But due to the large volume (about 200 elements), it slows down.
Is there any way to optimize this process?
Perhaps some functions for finding a substring in a string are faster than includes ?

Answer 1

You need debounce. For example, from lodash- lodash.com/docs/#debounce .