Array.push() si n'existe pas ?

Question

Comment puis-je pousser dans un tableau si aucune des valeurs n'existe? Voici mon tableau :

[
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" },
    { name: "tom", text: "tasty" }
]

Si j'essaie de pousser à nouveau dans le tableau avec soit name: "tom" ou text: "tasty", je ne veux rien se produire... mais si aucune de ces valeurs n'y est alors je veux que cela exécute .push()

Comment puis-je faire cela?

Answer 1

Vous pouvez étendre le prototype Array avec une méthode personnalisée:

// vérifier si un élément existe dans un tableau en utilisant une fonction de comparaison
// comparer : function(currentElement)
Array.prototype.inArray = function(comparer) { 
    for(var i=0; i < this.length; i++) { 
        if(comparer(this[i])) return true; 
    }
    return false; 
}; 

// ajoute un élément au tableau s'il n'existe pas déjà en utilisant un comparateur 
// de fonction
Array.prototype.pushIfNotExist = function(element, comparer) { 
    if (!this.inArray(comparer)) {
        this.push(element);
    }
}; 

var array = [{ name: "tom", text: "tasty" }];
var element = { name: "tom", text: "tasty" };
array.pushIfNotExist(element, function(e) { 
    return e.name === element.name && e.text === element.text; 
});

Answer 2

http://api.jquery.com/jQuery.unique/

var cleanArray = $.unique(clutteredArray);

vous pourriez également être intéressé par makeArray

L'exemple précédent est le mieux en disant de vérifier s'il existe avant de pousser. Je vois avec du recul qu'il indique également que vous pouvez le déclarer comme faisant partie du prototype (je suppose que c'est aussi appelé Extension de Classe), donc pas de grande amélioration ci-dessous.

Sauf que je ne suis pas sûr si indexOf est plus rapide que inArray ? probablement.

Array.prototype.pushUnique = function (item){
    if(this.indexOf(item) == -1) {
    //if(jQuery.inArray(item, this) == -1) {
        this.push(item);
        return true;
    }
    return false;
}

Answer 3

Utilisez une bibliothèque js comme underscore.js pour ces raisons précisément. Utilisez : union: Calcule l'union des tableaux passés en paramètre : la liste des éléments uniques, dans l'ordre, présents dans un ou plusieurs des tableaux.

_.union([1, 2, 3], [101, 2, 1, 10], [2, 1]);
=> [1, 2, 3, 101, 10]

Answer 4

Utilisez un dictionnaire (hash/arbre) à la place d'un tableau.

Answer 5

Vous pouvez utiliser jQuery grep et push en l'absence de résultats : http://api.jquery.com/jQuery.grep/

C'est essentiellement la même solution que dans la solution "étendre le prototype", mais sans étendre (ou polluer) le prototype.