Comment comparer deux tableaux en javascript

Pour comparer deux variables en JavaScript, nous utilisons l'opérateur d'égalité qui est de deux types. Le premier est le double égal à «==» qui vérifie deux valeurs d'opérande et le second est le triple égal «===» qui vérifie la valeur ainsi que le type de données des opérandes.

Cependant, nous ne pouvons pas utiliser l'opérateur d'égalité pour comparer les tableaux. La raison derrière cela est que le tableau JavaScript est un type d'objet et les objets sont comparés en fonction des références des variables et non des valeurs.

const array1 = [1, 2, 3];
const array2 = [1, 2, 3];
console.log (array1 === array2); // FAUX
console.log (array1 == array2); // FAUX

Dans le code ci-dessus, nous avons initialisé deux tableaux qui sont les mêmes. Cependant, dans la sortie, nous verrons FAUX:

Par conséquent, pour résoudre ce problème, dans cet article, nous apprendrons quelques façons de comparer deux tableaux en javascript.

Méthode 1: ToString ()

Le toString () La méthode est une méthode intégrée de JavaScript qui convertit n'importe quel type de données comme entier en une chaîne, puis renvoie ce numéro entier en tant que chaîne. Nous pouvons appliquer le toString () Méthode sur un tableau, qui convertira le tableau en une chaîne, puis comparera la chaîne avec l'autre chaîne.

const array1 = [1, 2, 3];
const array2 = [1, 2, 3];
const array3 = [4, 5, 6];
console.journal (array1.toString () == array2.toString ()); // vrai
console.journal (array1.toString () === array3.toString ()); // FAUX

Dans le code ci-dessus, nous avons initialisé trois tableaux, puis nous avons appliqué le toString () Méthode sur les baies et comparé d'abord le Array1 à Array2 et a rendu le résultat dans la console. De la même manière, nous avons comparé Array1 à Array3 et Console Log le résultat:

À partir de la sortie ci-dessus, nous pouvons voir que «Array1» est égal à «Array2» mais «Array1» n'est pas égal à «Array3».

Méthode 2: Utilisation pour Loop

Passons par une autre méthode dans laquelle nous vérifierons manuellement les éléments de deux tableaux, puis générerons une sortie. À cet effet, permettez-moi de vous montrer le code en premier:

FONCTION PARTALEARRAYS ()
const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
// Tout d'abord, vérifiez la longueur des deux tableaux
// Si la longueur n'est pas égale, alors les tableaux sont différents
if (array1.longueur!= Array2.longueur)
retourner "false";
autre
// Vérifiez chaque élément des deux tableaux
pour (var i = 0; iif (array1 [i]!= array2 [i])
retourner "false";
retourner "true";


console.log (comparaison ()); // FAUX

Dans le code ci-dessus, nous avons défini une fonction où nous avons d'abord initialisé deux tableaux. Ensuite, nous définissons une condition pour vérifier la longueur des tableaux.

Si la longueur des deux tableaux n'est pas égale, cela signifie que les deux tableaux sont différents, donc la fonction retournera fausse.

Cependant, si la longueur est la même, nous avons défini une boucle pour la boucle où nous vérifierons chaque élément des deux tableaux. Si même un élément n'est pas égal, alors FAUX sera retourné. Si tous les éléments des deux tableaux sont appariés, il reviendra vrai.

La sortie du code ci-dessus est illustrée ci-dessous:

Si nous modifions un peu le code en fournissant deux tableaux qui sont égaux E.g:

FONCTION PARTALEARRAYS ()
const array1 = [1, 2, 3];
const array2 = [1, 2, 3];
// Vérifiez la longueur des deux tableaux
// Si la longueur n'est pas égale, alors les tableaux sont différents
if (array1.longueur!= Array2.longueur)
retourner "false";
autre
// Vérifiez chaque élément des deux tableaux
pour (var i = 0; iif (array1 [i]!= array2 [i])
retourner "false";
retourner "true";


console.log (comparaison ()); // vrai

La sortie suivante sera générée:

Conclusion

Nous ne pouvons pas comparer deux tableaux en javascript en utilisant l'opérateur d'égalité == ou === parce que les tableaux JavaScript sont des objets et donc la référence est vérifiée et non les valeurs. À cette fin, nous avons défini deux méthodes dans ce post pour comparer les tableaux. Dans la première méthode, nous avons utilisé la méthode intégrée toString () où nous avons d'abord converti les tableaux en chaîne, puis vérifié les deux chaînes retournées à l'aide de l'opérateur d'égalité. Dans la deuxième méthode, nous avons d'abord vérifié manuellement la longueur, puis comparé tous les éléments des deux tableaux un par un en utilisant la boucle pour.