Теперь можно легко делать toSorted вместо sort, toReversed вместо reverse или toSpliced вместо splice. Зачем это нужно? Чтобы избежать багов, когда изменение копии случайно ломает основной массив. Разберем новые методы на примерах и сравним с классикой.

Классические методы копирования: slice, concat и Array.from

Эти методы давно помогают создавать копии массивов без мутации. slice() берет часть массива или весь целиком, если не указать индексы. Он возвращает новый массив, где можно менять элементы, не затрагивая оригинал. Например, при работе с данными пользователя slice удобно для извлечения подмножества без риска сломать источник.

concat() склеивает массивы или добавляет элементы, тоже возвращая копию. Если вызвать без аргументов, получишь точную копию. Array.from() работает с итерируемыми объектами, включая массивы, и создает свежий экземпляр. Эти методы стабильны, но не имитируют мутации - для сортировки или реверса приходится комбинировать с другими инструментами.

Вот базовые примеры:

• const copy = original.slice(); - копия всего массива.
• const copy = original.concat(); - еще одна копия.
• const copy = Array.from(original); - универсальный вариант.

Важно: все они создают shallow copy - вложенные объекты копируются по ссылке.

Новинки ECMAScript 2023-2026: toSorted и toReversed

В ECMAScript 2023 ввели toSorted(), который сортирует копию массива, оставляя оригинал нетронутым. Раньше sort() мутировал массив напрямую, что вызывало проблемы в цепочках операций. Теперь toSorted принимает тот же compareFn, но возвращает новый массив. Это упрощает UI-логику, где сортировка списка не должна ломать данные.

toReversed() просто переворачивает копию без аргументов. Классический reverse() менял оригинал, что часто приводило к неожиданным эффектам в циклах или реактивных системах. В 2026 году эти методы стали стандартом, интегрируясь с Promise и async. Пример: сортировка списка задач по приоритету без риска.

Ключевые отличия в действии:

• const sortedCopy = arr.toSorted((a, b) => a - b); - числовая сортировка.
• const reversedCopy = arr.toReversed(); - реверс копии.
• Оба метода работают с примитивными типами и объектами.

toSorted поддерживает локализацию для строк, как Intl.Collator.

toSpliced и with: точечные изменения без мутации

toSpliced() - аналог splice, но немутирующий. Удаляет/вставляет элементы в копии, возвращая ее. Синтаксис идентичен: start, deleteCount, …items. Это спасает от ошибок в динамических списках, где splice мог стереть нужные данные. В ECMAScript 2026 метод оптимизирован для больших массивов.

with(index, value) заменяет элемент по индексу в копии. Проще, чем создание нового массива вручную. Подходит для обновления одного поля в объекте внутри массива. Оба метода решают задачу иммутабельных обновлений в state-менеджерах вроде Redux или Zustand.

Практические сценарии:

• const newArr = arr.toSpliced(1, 2, 'new', 'items'); - замена двух элементов.
• const updated = arr.with(0, 'updatedValue'); - смена первого элемента.
• Комбинируй с destructuring для сложных случаев.

with работает и с TypedArray, расширяя возможности.

Когда выбрать новые методы в проектах

Новые методы из ECMAScript 2026 идеальны для функционального программирования и UI. Они сокращают boilerplate-код для копий и минимизируют ошибки. Классика вроде slice остается для простых копий, а to* - для симуляции мутаций. В реальных проектах комбинируй их с map/filter для цепочек.

Подумай о производительности: для миллионов элементов shallow copy быстрее глубоких. Осталось протестировать в polyfill’ах для старых браузеров или мигрировать legacy-код шаг за шагом.