React Frontend Developer

Question 1

В каком порядке лучше выполнять операции: filter, sort, map, reduce?

Accepted Answer

Обычно выгодно сначала делать filter, чтобы уменьшить объем данных для следующих шагов. sort часто выполняют ближе к концу, потому что сортировка дороже по времени и при этом мутирует массив, если не скопировать его. map логично делать после фильтрации, чтобы не вычислять лишнее. reduce чаще ставят последним, когда нужно собрать итог (число, объект, Map и т.д.).

Question 2

Почему метод sort в JavaScript без компаратора может работать некорректно для чисел?

Accepted Answer

Метод sort() по умолчанию сортирует элементы как строки. Поэтому числа сравниваются лексикографически, а не по значению. Например, 10 может оказаться перед 2. Чтобы сортировать числа правильно, нужно передать компаратор.

Question 3

Есть компонент, где переданный через props массив сортируется напрямую вызовом метода sort(). Как бы вы прокомментировали такой подход?

Accepted Answer

Сортировать массив из props напрямую — плохая практика. Метод sort() мутирует исходный массив, что может изменить данные родительского компонента и вызвать непредсказуемое поведение. Нужно создавать копию массива перед сортировкой, например через spread-оператор или slice().

Question 4

Метод sort — мутирует исходный массив или нет? Как сделать немутирующую сортировку?

Accepted Answer

Метод sort мутирует исходный массив: он сортирует его на месте и возвращает ссылку на тот же массив. Чтобы не менять оригинал, нужно сначала создать копию через slice(), spread-оператор или Array.from(), а затем сортировать копию. В современном JavaScript есть метод toSorted(), который сразу возвращает новый отсортированный массив, не трогая исходный.

Вопросы React Frontend Developer