Как перевернуть массив в JavaScript
В этой статье мы узнаем, как перевернуть массив в JavaScript.
Есть более чем один способ сделать это:
- Использование метода
reverse()(встроенного) - Использование цикла
for
Есть два способа, первый прост, потому что в JavaScript есть встроенная функция, которая делает это, а второй - создать эту функцию самостоятельно.
На стадии производства вам лучше использовать то, что есть в языке, но на стадии обучения лучше понимать, что происходит за кулисами.
Наша цель в том, что есть массив, и мы хотим обратить его вспять.
Представьте, что существует такой массив, как этот:
[1, 2, 3, 4, 5]И мы хотим обратить все вспять, чтобы было вот так
[5, 4, 3, 2, 1]Есть два решения для достижения нашей цели:
- Использование метода
reverse()(встроенного) - Использование цикла
for
Использование метода 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
Теперь, прежде чем писать код, мы должны понять, как мы будем решать эту проблему с помощью цикла 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 ]
