Comment fusionner deux tableaux en JavaScript et dé-dupliquer les éléments ?

J'ai deux tableaux JavaScript :

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

Je veux que la sortie soit :

var array3 = ["Vijendra","Singh","Shakya"];

Les mots répétés doivent être supprimés du tableau de sortie.

Comment fusionner deux tableaux en JavaScript de manière à obtenir uniquement les éléments uniques de chaque tableau dans l'ordre où ils ont été insérés dans les tableaux d'origine ?

Solution

Pour simplement fusionner les tableaux (sans supprimer les doublons)

La version ES5 utilise Array.concat :

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

console.log(array1.concat(array2));

La version ES6 utilise [destructuration][2]

const array1 = ["Vijendra","Singh"];
const array2 = ["Singh", "Shakya"];
const array3 = [...array1, ...array2];

Puisqu'il n'y a pas de moyen intégré pour supprimer les doublons ([ECMA-262][1] possède Array.forEach qui serait parfait pour cela), nous devons le faire manuellement :


Array.prototype.unique = function() {
    var a = this.concat();
    for(var i=0; i
Commentaires (16)

Nouvelle solution ( qui utilise Array.prototype.indexOf et Array.prototype.concat ) :


Array.prototype.uniqueMerge = function( a ) {
    for ( var nonDuplicates = [], i = 0, l = a.length; i
Commentaires (16)
//Array.indexOf was introduced in javascript 1.6 (ECMA-262) 
//We need to implement it explicitly for other browsers, 
if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt, from)
  {
    var len = this.length >>> 0;

    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
}
//now, on to the problem

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

var merged = array1.concat(array2);
var t;
for(i = 0; i < merged.length; i++)
  if((t = merged.indexOf(i + 1, merged[i])) != -1)
  {
    merged.splice(t, 1);
    i--;//in case of multiple occurrences
  }

L'implémentation de la méthode indexOf pour les autres navigateurs provient de [MDC][1].

[1] : https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array/indexOf

Commentaires (6)