Comment échanger des éléments de tableau en javascript

Dans le processus de maintien de la majeure partie des données, l'échange est une caractéristique très importante pour gérer de manière appropriée des données incorrectes ou obsolètes. Par exemple, lorsque vous devez mettre à jour un enregistrement particulier pour une mise à jour. Dans un tel scénario, échanger des éléments de tableau en javascript est une fonctionnalité très utile pour mettre à jour tous les enregistrements à la fois, ce qui fait également gagner du temps.

Cet article démontrera les méthodes pour échanger les éléments d'un tableau à l'aide de JavaScript.

Comment échanger des éléments de tableau en javascript?

Pour échanger les éléments dans un tableau à l'aide de JavaScript, les techniques suivantes peuvent être appliquées:

• "Indexage»Technique
• "Destructeur" Mission
• "épissure()" Méthode

Les approches mentionnées seront discutées une par une!

Méthode 1: Échangez des éléments de tableau en JavaScript à l'aide de la technique d'indexation

Le "Indexage«La technique peut être appliquée pour égaliser les éléments du tableau en fonction de leurs index et les stocker dans une variable de telle manière qu'ils sont échangés.

Regardez l'exemple donné ci-dessous.

Exemple

Dans cet exemple, nous déclarerons un tableau de certaines valeurs entiers et les afficherons sur la console:

Soit ArrayElements = [2, 4, 20, 40];
console.log ("Les éléments de tableau d'origine sont:", ArrayElements);

Après cela, accédez au premier élément du tableau en se référant à son index "0«Et stockez-le dans une variable nommée«magasin»:

const Store = ArrayElements [0];

Dans l'étape suivante, égalisez le premier élément du tableau avec le deuxième élément comme démontré ci-dessous:

ArrayElements [0] = ArrayElements [1];

Maintenant, égalisez le deuxième élément du tableau à la variable "magasin«Dans lequel le premier élément du tableau a été stocké. Cela entraînera l'échange du premier et du deuxième élément présent dans un tableau:

Arrayelements [1] = magasin;

De même, répétez les étapes ci-dessus pour les troisième et quatrième élément de tableau pour les échanger également:

const store1 = arrayelements [2];
Arrayelements [2] = ArrayElements [3];
Arrayelements [3] = Store1;

Enfin, imprimez les éléments échangés du tableau sur la console:

console.Log ("Les éléments de tableau échangés sont:", ArrayElements);

La sortie résultante sera:

Dans la sortie ci-dessus, on peut observer que les deux anciens et les deux éléments du tableau sont échangés les uns avec les autres.

Méthode 2: Échangez des éléments de tableau en JavaScript en utilisant l'attribution de destructrice

Le "Affectation de destructeur”Échange les tableaux plus facilement et ne nécessite qu'une seule ligne de code. Dans ce scénario, il vous suffit d'attribuer les tableaux en carrés et de définir le côté droit dans une séquence inversée d'éléments de tableau.

Exemple

Tout d'abord, nous déclarerons deux tableaux avec les éléments suivants:

var x = [1, 3, 5];
var y = [2, 4, 6];

Ensuite, appliquez l'affectation de destructrice, qui accédera aux tableaux ayant un contraste dans leur séquence et les affichera:

[x, y] = [y, x]
console.Log ("Les éléments du tableau échangés sont:")

Enfin, observez si les éléments du tableau d'un tableau sont échangés avec l'autre tableau ou non:

console.Log ("First Array:", x)
console.Log ("Deuxième tableau:", y)

Sortir

Dans cette sortie particulière, il est évident que les éléments du tableau des deux tableaux sont échangés.

Méthode 3: Échangez les éléments du tableau en javascript à l'aide de la méthode Splice ()

Le "épissure()»La méthode ajoute ou supprime les éléments du tableau en les spécifiant dans son argument et modifie également le tableau d'origine. Cette méthode peut être mise en œuvre pour diviser les éléments du tableau en parties, puis fusionner et les ajouter dans un nouveau tableau.

Consultez l'exemple suivant pour la démonstration.

Exemple

Tout d'abord, nous déclarerons un tableau avec les valeurs entières suivantes et les afficherons sur la console:

Soit ArrayElements = [12, -2, 55, 68];
console.log ("Les éléments de tableau d'origine sont:", ArrayElements);

Ensuite, créez un tableau vide pour ajouter les éléments de tableau échangés:

array = []

Après cela, appliquez le «épissure()«Méthode pour épisser les éléments du tableau réversement et les concaténer:

Var Splice = Arrayelements.Splice (2, 4) + ',' + Arrayelements.Splice (0, 2)

Maintenant, appliquez le «pousser()«Méthode pour ajouter les éléments de tableau échangés dans le tableau vide nommé«déployer»:

déployer.pousser (épisser)

Enfin, imprimez les valeurs épissées ajoutées entraînant les éléments échangés du tableau:

console.Log ("Les éléments échangés du tableau sont:", Array)

Sortir

Nous avons discuté de différentes méthodes créatives pour échanger des éléments de tableau en javascript.

Conclusion

Pour échanger des éléments de réseau en JavaScript, appliquez le «indexage«Technique pour égaliser les éléments du tableau et les stocker dans une variable, le«affectation de destructeur"Pour accéder aux tableaux avec un contraste dans leur séquence d'éléments, ou le"épissure()«Méthode pour diviser les éléments du tableau et les pousser dans un nouveau tableau de manière inversée. Cet article a illustré les méthodes pour échanger des éléments de tableau en javascript.