логотип PurpleSchool
логотип 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' ]
Стрелочка влевоКак работает метод some() - JavaScriptКак работает метод reduce() - JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний