Dans cet article, nous allons apprendre à inverser un tableau en JavaScript.

Il y a plus d'une façon de procéder :

• Utilisation reverse()de la méthode (intégrée)
• Utilisation de la boucle for

Il est préférable pour vous, au stade de la production, d'utiliser ce qui se trouve dans la langue, mais au stade de l'apprentissage, il est préférable de comprendre ce qui se passe dans les coulisses.

Notre problème

Maintenant quel est notre problème ? Le problème est qu'il y a un tableau et nous voulons l'inverser.

Imaginez qu'il existe un tableau comme celui-ci:

[1, 2, 3, 4, 5]

[5, 4, 3, 2, 1]

• Utilisation reverse()de la méthode (intégrée)
• Utilisation de la boucle for

Nous pouvons utiliser reverse()la méthode pour résoudre notre problème.

Exemple

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

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

[ 5, 4, 3, 2, 1

Maintenant, avant d'écrire le code, nous devons comprendre comment nous allons résoudre ce problème avec la boucle for ?

Tout d'abord, l'itération en utilisant for iterate sur chaque élément du tableau, n'est-ce pas ?

Eh bien ici, cela signifie que nous pouvons commencer du dernier élément du tableau au premier élément (l'inverse)

Ensuite, nous pouvons ajouter chaque élément à un nouveau tableau.

Résumez la solution comme suit :

• Itérer sur chaque élément de notre tableau
• L'itération commencera du dernier au premier

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 ]

Merci d'avoir lu mon blog, vous pouvez lire d'autres articles géniaux de mon blog