Comment basculer un élément dans un tableau en utilisant JavaScript?

Voici mon code pour le javascript, pour cette simple tâche:

  1. Supprimer l'élément s'il existe dans un tableau.
  2. Ajouter l'élément s'il n'est pas dans un tableau. 
    if(_.contains(this.types,type_id)){
    var index = this.types.indexOf(type_id);
    this.types.splice(index,1);
}
else{
    this.types.push(type_id);
}

Est-il un moyen plus efficace de faire cela?

source d'informationauteur wwli | 2013-06-17

  1. 12

    Si vous vous souciez de l'efficacité sera alors peut-être l'aide d'un tableau pour mettre en œuvre un ensemble est une mauvaise idée. Par exemple à l'aide d'un objet que vous pouvez faire:

    function toggle(S, x) {
    S[x] = 1 - (S[x]|0);
}

    puis après beaucoup de ajout/suppression de toutes les opérations que vous pouvez ne garder que les touches lorsque la valeur est 1

    De cette façon, chaque ajout/retrait est O(1) et vous avez seulement besoin d'un O(n) opération pour obtenir le résultat final.

    Si les touches sont tous des "petits" nombres peut être un masque de bits est même pas la peine de l'effort (pas testé)

    function toggle(S, x) {
    var i = x >> 4;
    S[i] = (S[i]|0) ^ (1<<(x&15));
}
  2. 22

    Vous pourriez le faire sans une 3ème partie de la bibliothèque, ce qui serait plus efficace, comme cela. (cela ne supprime la première occurrence d'une valeur si trouvé, et non plusieurs)

    Javascript

    var a = [0, 1, 2, 3, 4, 6, 7, 8, 9],
    b = 5,
    c = 6;

function addOrRemove(array, value) {
    var index = array.indexOf(value);

    if (index === -1) {
        array.push(value);
    } else {
        array.splice(index, 1);
    }
}

console.log(a);

addOrRemove(a, b);
console.log(a);

addOrRemove(a, c);
console.log(a);

    Sortie

    [0, 1, 2, 3, 4, 6, 7, 8, 9]
[0, 1, 2, 3, 4, 6, 7, 8, 9, 5]
[0, 1, 2, 3, 4, 7, 8, 9, 5]

    Sur jsfiddle

  3. 14

    Vous pouvez utiliser le lodash fonction "xor":

    _.xor([2, 1], [2, 3]);
//=> [1, 3]

    Si vous n'avez pas un tableau de la 2ème paramètre, vous pouvez simpy envelopper la variable dans un tableau

    var variableToInsertOrRemove = 2;
_.xor([2, 1], [variableToInsertOrRemove]);
//=> [1]
_.xor([1, 3], [variableToInsertOrRemove]);
//=> [1, 2, 3]

    Voici la doc: https://lodash.com/docs/4.16.4#xor

  4. 2

    Regarder cette réponse de question similaire.

    Lodash problème

    Lodash gist

    Code:

    function toggle(collection, item) {
  var idx = collection.indexOf(item);
  if(idx !== -1) {
    collection.splice(idx, 1);
  } else {
    collection.push(item);
  }
}
  5. 1

    À l'aide de underscorejs

    function toggle(a,b)
{
return _.indexOf(a,b)==-1?_.union(a,[b]):_.without(a,b);
}

    Utilisation:

    var a = [1,2,3];
var b = [4];
a = toggle(a,b); //[1,2,3,4]
a = toggle(a,b); //[1,2,3]