Можешь объяснить ключевые различия между методом `Array.prototype.toSorted()`, введённым в ES2023, и традиционным методом `sort()`, особенно в том, как они работают с исходным массивом?

Основное различие: Мутация vs. Неизменяемость

Фундаментальное отличие между sort() и toSorted() заключается в том, как они работают с исходным массивом:

• sort() изменяет исходный массив на месте и возвращает ссылку на него
• toSorted() возвращает новый отсортированный массив, оставляя исходный полностью неизменным

Практический пример

Почему это важно

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

Более широкий паттерн ES2023

toSorted() — это часть более широкого набора иммутабельных методов массива, появившихся в ES2023:

• toSorted() — иммутабельная версия sort()
• toReversed() — иммутабельная версия reverse()
• toSpliced() — иммутабельная версия splice()
• with() — иммутабельный способ заменить один элемент по индексу

Главный вывод

Предпочитай toSorted() вместо sort(), когда нужно сохранить исходный массив — особенно при работе с функциональным программированием или фреймворками вроде React, где важно избегать прямых мутаций.