Що робить toReversed()?

JavaScriptMiddle~1 хв читання

Метод toReversed() - це новий безпечний аналог старого методу reverse(), доданий у стандарт ECMAScript 2023 (ES14).

Що робить

toReversed() повертає новий масив, у якому елементи йдуть у зворотному порядку, при цьому вихідний масив не змінюється.

Приклад:

javascript

const arr = [1, 2, 3];
const reversed = arr.toReversed();

console.log(reversed); // [3, 2, 1]
console.log(arr);      // [1, 2, 3] - вихідний залишився попереднім

На відміну від reverse(), який мутує масив, toReversed() робить чисту (immutable) копію.

Порівняння з `reverse()`

Метод	Змінює вихідний масив	Повертає
`reverse()`	Так	Той самий масив (мутований)
`toReversed()`	Ні	Новий масив (перевернутий)

Приклад порівняння:

javascript

const a = [1, 2, 3];

const b = a.reverse();
console.log(a); // [3, 2, 1] - змінено
console.log(b); // [3, 2, 1] - те саме посилання

const c = a.toReversed();
console.log(c); // [1, 2, 3] - новий масив
console.log(a); // [3, 2, 1] - вихідний не зачеплено

Коли використовувати

Коли тобі потрібно безпечно перевернути масив, не псуючи оригінал.
Чудово підходить для функціонального та реактивного програмування, де важливо не мутувати дані (наприклад, у React або Redux).

Коротко:

Що робить	Створює перевернуту копію масиву
Змінює вихідний масив	Ні
Повертає	Новий масив
Додано в	ECMAScript 2023
Приклад	`[1, 2, 3].toReversed()` -> `[3, 2, 1]`

Пов'язані немутуючі методи (ES2023+):

JavaScript додав ціле сімейство безпечних аналогів.

Новий метод	Старий мутуючий аналог	Що робить
`toReversed()`	`reverse()`	Перевертає масив
`toSorted()`	`sort()`	Сортує, не змінюючи оригінал
`toSpliced()`	`splice()`	Повертає змінену копію
`with()`	пряме присвоєння за індексом	Повертає копію із заміненим елементом

Підсумок: toReversed() - це немутуючий спосіб перевернути масив, що з'явився в нових версіях JavaScript (ES2023).

Безпечний, чистий, передбачуваний. Не змінює оригінальний масив.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Що робить toReversed()?