Tableau inversé JavaScript

1. Inverser un tableau à l’aide de la fonction reverse() en JavaScript
2. Inverser un tableau en créant votre propre fonction en JavaScript

Ce tutoriel abordera l’inversion d’un tableau à l’aide de la fonction reverse() et la création de notre propre fonction JavaScript.

Inverser un tableau à l’aide de la fonction reverse() en JavaScript

Si nous voulons inverser un tableau donné, nous pouvons utiliser la fonction prédéfinie reverse() en JavaScript. Cette fonction inverse les éléments d’un tableau donné. Par exemple, définissons un tableau et l’inversons à l’aide de la fonction reverse() et affichons le résultat sur la console à l’aide de la fonction console.log(). Voir le code ci-dessous.

var MyArray = [11, 12, 13, 14];
console.log('Original Array', MyArray)
MyArray.reverse();
console.log('Reversed Array', MyArray)

Production:

Original Array(4)[11, 12, 13, 14]
Reversed Array(4)[14, 13, 12, 11]

Comme vous pouvez le voir dans la sortie, le tableau d’origine est inversé. Vous pouvez également inverser un tableau contenant des chaînes ou des objets.

Inverser un tableau en créant votre propre fonction en JavaScript

Si nous voulons faire une fonction pour inverser un tableau donné, nous pouvons utiliser une boucle for et la fonction length en JavaScript. La fonction length renvoie le nombre d’éléments d’un tableau donné. Pour faire fonctionner notre fonction, nous devons récupérer chaque élément du tableau donné depuis la fin, le stocker au début dans un autre tableau et le renvoyer une fois la boucle terminée. Faisons cette fonction et testons-la avec le tableau défini dans la méthode ci-dessus et montrons le résultat sur la console en utilisant la fonction console.log(). Voir le code ci-dessous.

function ReverseArray(arr) {
  var newArray = new Array;
  var len = arr.length;
  for (i = len - 1; i >= 0; i--) {
    newArray.push(arr[i]);
  }
  return newArray;
}
var OriginalArray = [11, 12, 13, 14];
console.log('Original Array', OriginalArray);
var ReversedArray = ReverseArray(OriginalArray);
console.log('Reversed Array', ReversedArray);

Production:

Original Array (4) [11, 12, 13, 14]
Reversed Array (4) [14, 13, 12, 11]

Comme vous pouvez le voir dans la sortie, le tableau d’origine est inversé. Vous pouvez également inverser un tableau contenant des chaînes ou des objets.