Jak odwrócić tablicę w JavaScript

Jan 23 2023
W tym artykule dowiemy się, jak odwrócić tablicę w JavaScript. Można to zrobić na więcej niż jeden sposób: na etapie produkcji lepiej jest używać tego, co jest w języku, ale na etapie nauki lepiej jest zrozumieć, co dzieje się za kulisami.

W tym artykule dowiemy się, jak odwrócić tablicę w JavaScript.

Można to zrobić na więcej niż jeden sposób:

  • Korzystanie z reverse()metody (wbudowanej)
  • Korzystanie z pętli for

Na etapie produkcji lepiej jest korzystać z tego, co jest w języku, ale na etapie nauki lepiej zrozumieć, co dzieje się za kulisami.

Nasz problem

Jaki jest nasz problem? Problem polega na tym, że istnieje tablica i chcemy ją odwrócić.

Wyobraź sobie, że istnieje taka tablica:

[1, 2, 3, 4, 5]

[5, 4, 3, 2, 1]

  • Korzystanie z reverse()metody (wbudowanej)
  • Korzystanie z pętli for

Możemy użyć reverse()metody, aby rozwiązać nasz problem.

Przykład

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

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

[ 5, 4, 3, 2, 1

Teraz, przed napisaniem kodu, musimy zrozumieć, jak rozwiążemy ten problem za pomocą pętli for?

Po pierwsze, iteracja za pomocą iteracji po każdym elemencie w tablicy, prawda?

Cóż, tutaj oznacza to, że możemy zacząć od ostatniego elementu w tablicy do pierwszego elementu (odwrotnie)

Następnie możemy dodać każdy element do nowej tablicy.

Podsumuj rozwiązanie w następujący sposób:

  • Iteruj po każdym elemencie w naszej tablicy
  • Iteracja rozpocznie się od ostatniej do pierwszej
  • 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 ]

Dziękuję za czytanie mojego bloga, możesz przeczytać więcej niesamowitych artykułów z mojego bloga