Rimuovere un elemento dall'array utilizzando UnderscoreJS

Di 'che ho questo codice

var arr = [{id: 1, name: 'a'}, {id: 2, name: 'b'}, {id: 3, name: 'c'}];

e voglio rimuovere l'elemento con id = 3 dall'array. C'è un modo per farlo senza giunture? Può qualcosa usare un trattino basso o qualcosa del genere?

Grazie!

Semplicemente usando JavaScript, è già stata data una risposta: rimuovi oggetti dall'array per proprietà dell'oggetto .

Utilizzando underscore.js, puoi combinare .findWherecon .without:

var arr = [{
  id: 1,
  name: 'a'
}, {
  id: 2,
  name: 'b'
}, {
  id: 3,
  name: 'c'
}];

//substract third
arr = _.without(arr, _.findWhere(arr, {
  id: 3
}));
console.log(arr);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

Tuttavia, poiché in questo caso si sta creando un nuovo array, è possibile semplicemente utilizzare _.filterla Array.prototype.filterfunzione nativa (proprio come mostrato nell'altra domanda). Quindi si eseguirà l'iterazione su array una sola volta anziché potenzialmente due volte come qui.

Se si desidera modificare l'array sul posto , è necessario utilizzare .splice. Ciò è mostrato anche nell'altra domanda e undescore non sembra fornire alcuna funzione utile per questo.

Puoi usare Underscore .filter

    var arr = [{
      id: 1,
      name: 'a'
    }, {
      id: 2,
      name: 'b'
    }, {
      id: 3,
      name: 'c'
    }];

    var filtered = _(arr).filter(function(item) {
         return item.id !== 3
    });

Può anche essere scritto come:

var filtered = arr.filter(function(item) {
    return item.id !== 3
});

var filtered = _.filter(arr, function(item) {
    return item.id !== 3
});

Controlla il violino

Puoi anche usare .reject

Usa Underscore _.reject():

arr = _.reject(arr, function(d){ return d.id === 3; });

Underscore ha un metodo _without () perfetto per rimuovere un elemento da un array, specialmente se hai l'oggetto da rimuovere.

Restituisce una copia dell'array con tutte le istanze dei valori rimossi.

_.without(["bob", "sam", "fred"], "sam");

=> ["bob", "fred"]

Funziona anche con oggetti più complessi.

var bob = { Name: "Bob", Age: 35 };
var sam = { Name: "Sam", Age: 19 };
var fred = { Name: "Fred", Age: 50 };

var people = [bob, sam, fred]

_.without(people, sam);

=> [{ Name: "Bob", Age: 35 }, { Name: "Fred", Age: 50 }];

Se non hai l'elemento da rimuovere, solo una sua proprietà, puoi usarlo _.findWheree poi _.without.

Prestare attenzione se si filtrano le stringhe e si cercano filtri insensibili alle maiuscole. _.without () fa distinzione tra maiuscole e minuscole. Puoi anche usare _.reject () come mostrato di seguito.

var arr = ["test","test1","test2"];

var filtered = _.filter(arr, function(arrItem) {
    return arrItem.toLowerCase() !== "TEST".toLowerCase();
});
console.log(filtered);
// ["test1", "test2"]

var filtered1 = _.without(arr,"TEST");
console.log(filtered1);
// ["test", "test1", "test2"]

var filtered2 = _.reject(arr, function(arrItem){ 
    return arrItem.toLowerCase() === "TEST".toLowerCase();
});
console.log(filtered2);
// ["test1", "test2"]

Altre risposte creano una nuova copia dell'array, se si desidera modificare l'array in atto è possibile utilizzare:

arr.splice(_.findIndex(arr, { id: 3 }), 1);

Ma ciò presuppone che l'elemento verrà sempre trovato all'interno dell'array (perché se non viene trovato rimuoverà comunque l'ultimo elemento). Per sicurezza puoi usare:

var index = _.findIndex(arr, { id: 3 });
if (index > -1) {
    arr.splice(index, 1);
}

o un altro modo pratico:

_.omit(arr, _.findWhere(arr, {id: 3}));

i miei 2 centesimi

Usa possono usare pianura JavaScript 's Array#filtermetodo come questo:

var arr = [{id:1,name:'a'},{id:2,name:'b'},{id:3,name:'c'}];

var filteredArr = arr.filter(obj => obj.id != 3);

console.log(filteredArr);

Oppure, utilizzare Array#reducee Array#concatmetodi come questo:

var arr = [{id:1,name:'a'},{id:2,name:'b'},{id:3,name:'c'}];

var reducedArr = arr.reduce((accumulator, currObj) => {
  return (currObj.id != 3) ? accumulator.concat(currObj) : accumulator;
}, []);

console.log(reducedArr);

NOTA:

• Entrambi sono puro approccio funzionale ( cioè non modificano l'array esistente).
• No, in questo approccio è necessaria una libreria esterna (è sufficiente Vanilla JavaScript).

Ho provato questo metodo

_.filter(data, function(d) { return d.name != 'a' });

Potrebbero esserci metodi migliori come le soluzioni sopra fornite dagli utenti

Utilizzando underscore.js

var arr = [{id:1,name:'a'},{id:2,name:'b'},{id:3,name:'c'}];

var resultArr = _.reject(arr,{id:3});

console.log(resultArr);

Il risultato sarà: [{id:1name:'a'},{id:2,name:'c'}]

È possibile utilizzare il metodo di rifiuto di Underscore, di seguito verrà restituito un nuovo array che non avrà array con una corrispondenza particolare

arr = _.reject(arr, function(objArr){ return objArr.id == 3; });