логотип PurpleSchool

Как работает метод reverse() - JavaScript

Автор

Виталий Котов

Метод reverse() возвращает массив в обратном порядке. Первый элемент массива становится последним, а последний — первым.

Пример

let numbers = [1, 2, 3, 4, 5];

// переворачиваем массив чисел
let reversedArray = numbers.reverse();

console.log(reversedArray);

// Вывод в консоль: [ 5, 4, 3, 2, 1 ]

Синтаксис reverse()

Синтаксис метода reverse() следующий:

arr.reverse();

Где arr - это массив.

Параметры reverse()

Метод reverse() не принимает никаких параметров.

Возвращаемое значение reverse()

Возвращает массив после изменения расположения его элементов в обратном порядке

Примечания:

Метод reverse() меняет порядок элементов на месте в котором был вызван. Это означает, что метод изменяет исходный массив.

Примеры

Пример 1: Использование метода reverse()

let languages = ["JavaScript", "Python", "C++", "Java", "Lua"];

// задаём обратный порядок массиву languages
let reversedArray = languages.reverse();

console.log("Перевёрнутый массив: ", reversedArray);

// изменяется исходный массив
console.log("Исходный массив: ", languages);

Вывод в консоль:

Перевёрнутый массив: [ 'Lua', 'Java', 'C++', 'Python', 'JavaScript' ]
Исходный массив: [ 'Lua', 'Java', 'C++', 'Python', 'JavaScript' ]

В приведенном выше примере мы использовали метод reverse() для переворачивания массива languages.

languages.reverse() изменяет порядок следования каждого элемента в массиве и возвращает перевёрнутый массив.

Поскольку метод изменяет исходный массив, и languages, и reversedArray имеют одно и то же значение.

Пример 2: Метод reverse() с оператором spread

В примере 1 мы видели, как метод reverse() модифицирует исходный массив.

Но если мы используем в массиве вместе с методом reverse() оператор spread(...), то он не модифицирует исходный массив. Например:

let languages = ["JavaScript", "Python", "C++", "Java", "Lua"];

// использetv оператор spread для переворачивания массива
let reversedArray = [...languages].reverse();

console.log("Перевёрнутый массив:", reversedArray);

// изменяется исходный массив
console.log("Исходный массив:", languages);

Вывод в консоль:

Перевёрнутый массив: [ 'Lua', 'Java', 'C++', 'Python', 'JavaScript' ]
Исходный массив: [ 'JavaScript', 'Python', 'C++', 'Java', 'Lua' ]
изображение курса

Основы JavaScript

Антон Ларичев
иконка часов18 часов лекций
иконка зведочки рейтинга4.8
Frontend
Backend
Mobile
Основы JavaScript