Как перевернуть массив в JavaScript

Jan 23 2023
В этой статье мы узнаем, как инвертировать массив в JavaScript. Это можно сделать несколькими способами: на этапе производства лучше использовать то, что есть на языке, но на этапе обучения лучше понимать, что происходит за кулисами.

В этой статье мы узнаем, как инвертировать массив в JavaScript.

Есть несколько способов сделать это:

  • Метод использования reverse()(встроенный)
  • Использование цикла

Вам лучше на этапе производства использовать то, что есть на языке, а на этапе обучения лучше понимать, что происходит за кулисами.

Наша проблема

Теперь в чем наша проблема? Проблема в том, что есть массив, и мы хотим обратить его.

Представьте, что есть такой массив:

[1, 2, 3, 4, 5]

[5, 4, 3, 2, 1]

  • Метод использования reverse()(встроенный)
  • Использование цикла

Мы можем использовать reverse()метод для решения нашей проблемы.

Пример

// Array
let myArray = [1, 2, 3, 4, 5];

// Reverse the array
let reversedArr = myArray.reverse();
// Result:
console.log(reversedArr);

[ 5, 4, 3, 2, 1

Теперь, прежде чем писать код, мы должны понять, как мы будем решать эту проблему с помощью цикла for?

Во-первых, итерация для перебора каждого элемента в массиве, верно?

Ну здесь это означает, что мы можем начать с последнего элемента в массиве к первому элементу (наоборот)

Затем мы можем добавить каждый элемент в новый массив.

Обобщите решение следующим образом:

  • Перебрать каждый элемент в нашем массиве
  • Итерация начнется от последнего к первому
  • 5, 4, 3, 2, 1
    

// Array
let myArray = [1, 2, 3, 4, 5];

// Create new array
let result = [];
// Iterate over every element in our array
for (let i = myArray.length - 1; i >= 0; i--) {
    // Add every element to new array
    result.push(myArray[i]);
}
// Result:
console.log(result);

[ 5, 4, 3, 2, 1 ]

Спасибо, что читаете мой блог, вы можете прочитать больше интересных статей из моего блога