Usare lodash push su un array solo se il valore non esiste?

Question

Sto provando a creare un array che se un valore non esiste, viene aggiunto ma, tuttavia, se il valore è presente, vorrei rimuovere anche quel valore dall'array.

Sembra che Lodash dovrebbe essere in grado di fare qualcosa del genere.

Sono interessato ai suggerimenti delle migliori pratiche.

Inoltre vale la pena di sottolineare che sto usando Angular.js

* Aggiornamento *

if (!_.includes(scope.index, val)) { 
    scope.index.push(val); 
} else { 
    _.remove(scope.index, val); 
} 

Answer 1

Il Set funzione introdotta da ES6 farebbe esattamente questo.

var s = new Set(); 

// Adding alues 
s.add('hello'); 
s.add('world'); 
s.add('hello'); // already exists 

// Removing values 
s.delete('world'); 

var array = Array.from(s); 

Oppure, se si desidera continuare a utilizzare le matrici regolari

function add(array, value) { 
    if (array.indexOf(value) === -1) { 
    array.push(value); 
    } 
} 

function remove(array, value) { 
    var index = array.indexOf(value); 
    if (index !== -1) { 
    array.splice(index, 1); 
    } 
} 

Utilizzando JS vaniglia sopra Lodash è una buona pratica. Rimuove una dipendenza, ti costringe a capire il tuo codice e spesso è più performante.

Answer 2

Usa includes funzione per controllare che reca esiste in array, e remove eliminare esistenti articolo.

function addOrRemove(arr, val) { 
 
    if (!_.includes(arr, val)) { 
 
    arr.push(val); 
 
    } else { 
 
    _.remove(arr, item => item === val); 
 
    } 
 
    console.log(arr); 
 
} 
 

 
var arr = [1, 2, 3]; 
 
addOrRemove(arr, 1); // arr = [2, 3] 
 
addOrRemove(arr, 4); // arr = [2, 3, 4] 
 
addOrRemove(arr, 2); // arr = [3, 4]

<script src="https://raw.githubusercontent.com/lodash/lodash/4.11.2/dist/lodash.min.js"></script>

Answer 3

Forse _.pull() può aiutare:

var _ = require('lodash'); 

function knock(arr,val){ 
    if(arr.length === _.pull(arr,val).length){ 
     arr.push(val); 
    } 
    return arr; 
} 

muta l'array esistente, elimina i duplicati così:

> var arr = [1,2,3,4,4,5]; 

> knock(arr,4); 
[ 1, 2, 3, 5 ] 

> knock(arr,6); 
[ 1, 2, 3, 5, 6 ] 

> knock(arr,6); 
[ 1, 2, 3, 5 ] 

Answer 4

Questo singolo rivestimento dovrebbe fare il lavoro. Se l'elemento da inserire non esiste, inserisce l'elemento e restituisce la lunghezza della matrice risultante. Se l'elemento esiste nella matrice, cancella l'elemento e restituisce l'elemento eliminato in una matrice separata.

var arr = [1,2,3,4,5], 
 
    aod = (a,e,i=0) => !!~(i = a.indexOf(e)) ? a.splice(i,1) : a.push(e); 
 
    
 
document.write("<pre>" + JSON.stringify(aod(arr,6)) + JSON.stringify(arr) + "</pre>"); 
 
document.write("<pre>" + JSON.stringify(aod(arr,6)) + JSON.stringify(arr) + "</pre>");

pozzo realmente Odio spinta poiché restituisce il valore della lunghezza matrice risultante che è il più delle volte inutile. Preferirei avere un riferimento alla matrice risultante da restituire in modo da poter concatenare le funzioni. Di conseguenza, un modo semplice per raggiungerlo è;

var arr = [1,2,3,4,5], 
 
    aod = (a,e,i=0) => !!~(i = a.indexOf(e)) ? a.splice(i,1) : (a.push(e),a); 
 
     
 
document.write("<pre>" + JSON.stringify(aod(arr,6)) + JSON.stringify(arr) + "</pre>"); 
 
document.write("<pre>" + JSON.stringify(aod(arr,6)) + JSON.stringify(arr) + "</pre>");

Così ora questo è ragionevolmente chainable.

Answer 5

È possibile utilizzare _.union

_.union(scope.index, [val]);