Comment inverser un tableau en javascript

Inversion d'une table. Parfois, il vous sera demandé de modifier le tableau d'origine afin que le premier élément devienne le dernier et le deuxième élément devient le deuxième dernier élément du tableau et ainsi de suite. Parfois, on peut vous demander d'inverser un tableau sans changer le tableau d'origine.

Dans cet article, nous examinerons différentes méthodes qui sont utilisées pour inverser un tableau en JavaScript; Ces méthodes comprendront les méthodes qui inversent le tableau d'origine ainsi que les méthodes qui peuvent être utilisées pour créer un nouveau tableau inversé.

Comment utiliser la méthode JavaScript Reverse ()

La méthode inverse en JavaScript est utilisée pour inverser les indices du contenu d'un tableau de telle sorte que le dernier élément du tableau devient le premier élément du tableau et vice versa:

Syntaxe

déployer.inverse()

La méthode de revers JavaScript ne prend aucun paramètre et est utilisée en combinaison avec le nom du tableau. Regardons un exemple de la méthode inverse:

Laissez Employeenames = [«John», «Jack», «Chris», «Hank»];
console.journal (employés.inverse());

Note: Cette méthode modifie la chaîne d'origine.

Comment inverser les éléments de tableau sans changer le tableau d'origine

Comme mentionné ci-dessus, la méthode inverse modifie le tableau d'origine. Donc, si vous souhaitez inverser le tableau sans modifier le tableau d'origine, vous devrez utiliser une autre méthode. Malheureusement, JavaScript n'a pas de méthode spécifique unique pour cette fonctionnalité, nous devons plutôt utiliser une combinaison de différentes méthodes pour exécuter cette fonction.

La première méthode que nous apprendrons consiste à utiliser l'opérateur d'écart avec la méthode inverse. Vous allez d'abord copier le tableau à l'aide de l'opérateur de diffusion, puis appeler la méthode inverse sur le tableau nouvellement créé:

Laissez Employeenames = [«John», «Jack», «Chris», «Hank»];
Laissez Reversearr = [… Employeenames].inverse();
console.log (employeenames);
console.log (reversearr);

Nous pouvons également utiliser les méthodes de poussée et de décalage en combinaison avec une boucle pour inverser un tableau sans modifier le tableau d'origine:

Laissez Employeenames = [«John», «Jack», «Chris», «Hank»];
Soit reversearr = [];
pour (soit i = 0; i <= employeeNames.length - 1; i++)
reversearr.UNSHIFT (Employeenames [i]);

console.log (reversearr);

Dans l'exemple ci-dessus, nous avons commencé la boucle à partir de i = 0 lorsque l'indexation du tableau commence à 0; Ensuite, nous définissons la condition comme je <= employeeNames.length - 1 as the highest index in an array will always be one number less than the total number of elements in the array.

À l'intérieur de la boucle FOR, nous avons utilisé la fonction de décalage pour ajouter les éléments du tableau Employeenames au nouveau tableau ReverseArr. Dans la première itération de la boucle, le i est égal à 0, donc Employeenames [i] sélectionne le premier élément du tableau et la fonction de décalage le place sur le premier index du reversearr. Sur la seconde itération, I est égal à 1, donc Employeenames [i] sélectionne le deuxième élément du tableau et la fonction de décalage le met sur le premier index. L'élément précédemment présent sur le premier index se déplace désormais sur le deuxième index. Ce processus continuera de se répéter jusqu'à ce qu'il atteigne le dernier élément et que l'ensemble du tableau est inversé.

Nous pouvons également utiliser la méthode push pour inverser un tableau de la même manière, mais pour cela, nous devrons utiliser une décrémentation pour l'index de boucle.

Laissez Employeenames = [«John», «Jack», «Chris», «Hank»];
Soit reversearr = [];
pour (laissez i = employeenames.longueur - 1; i> = 0; je--)
reversearr.push (employeenames [i]);

console.log (reversearr);

Conclusion

L'inversion des éléments d'un tableau est l'un de ces défis de codage que tout le monde devrait tenter lorsqu'ils sont nouveaux dans l'apprentissage des langages de programmation / script; Il est souvent demandé dans le codage des quiz et des interviews.

Dans cet article, nous avons utilisé la méthode inverse intégrée pour inverser un tableau JavaScript; Cette méthode modifie le tableau d'origine, nous avons donc également appris d'autres méthodes dans lesquelles nous pourrions inverser un tableau tout en préservant le tableau d'origine. À cette fin, nous avons appris à utiliser l'opérateur de propagation et à pousser, des méthodes de décalage en combinaison avec des boucles pour les boucles.