Comment fusionner deux tableaux JavaScript et conserver uniquement les éléments uniques ?

Fusionner deux tableaux JavaScript avec des éléments uniques

La fusion de tableaux est une tâche courante en programmation, mais elle peut devenir légèrement plus complexe lorsque vous souhaitez vous assurer que le tableau résultant contient uniquement des éléments uniques. Dans cet article, nous explorerons comment fusionner deux tableaux JavaScript tout en préservant leur ordre d'origine et en éliminant les éléments en double.

Considérons deux tableaux JavaScript :

var array1 = ["Vijendra", "Singh"];
var array2 = ["Singh", "Shakya"];

Notre objectif est de créer un nouveau array, array3, qui contient les éléments uniques de array1 et array2. Le résultat correct devrait être :

["Vijendra", "Singh", "Shakya"]

Pour y parvenir, nous pouvons exploiter une combinaison de méthodes de tableau intégrées à JavaScript :

Fusion de tableaux simple

Pour fusionner simplement les deux tableaux sans supprimer les doublons, nous pouvons utiliser la concat() method:

var array3 = array1.concat(array2);
console.log(array3); // ["Vijendra", "Singh", "Singh", "Shakya"]

Cela créera un nouveau tableau contenant tous les éléments du tableau1 et du tableau2. Cependant, cela n'élimine pas les doublons.

Fusion avec déduplication

Pour filtrer les doublons lors de la fusion des tableaux, nous pouvons utiliser une combinaison de la fonction réduire() et méthodes include() :

var array3 = array1.reduce((acc, curr) => !acc.includes(curr) ? acc.concat(curr) : acc, []);
var array4 = array3.concat(array2.filter(x => !array3.includes(x)));
console.log(array4); // ["Vijendra", "Singh", "Shakya"]

Dans ce code, nous utilisons réduire() sur array1 pour créer un nouveau tableau qui ne contient que des éléments uniques. Ensuite, nous concaténons ce nouveau tableau avec les éléments filtrés du tableau2, en veillant à ce que les doublons soient supprimés.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!