Hapus item dari array menggunakan UnderscoreJS

Katakanlah saya punya kode ini

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

dan saya ingin menghapus item dengan id = 3 dari array. Apakah ada cara untuk melakukan ini tanpa splicing? Bolehkah sesuatu menggunakan garis bawah atau sesuatu seperti itu?

Terima kasih!

Hanya menggunakan JavaScript biasa, ini sudah dijawab: hapus objek dari array oleh properti objek .

Menggunakan underscore.js, Anda dapat menggabungkan .findWheredengan .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>

Meskipun, karena Anda membuat array baru dalam kasus ini, Anda bisa menggunakan _.filteratau Array.prototype.filterfungsi asli (seperti yang ditunjukkan pada pertanyaan lain). Maka Anda hanya akan mengulangi array sekali daripada berpotensi dua kali seperti di sini.

Jika Anda ingin memodifikasi array di tempat , Anda harus menggunakan .splice. Ini juga ditunjukkan dalam pertanyaan lain dan undescore sepertinya tidak menyediakan fungsi yang berguna untuk itu.

Anda dapat menggunakan Garis Bawah .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
    });

Dapat juga ditulis sebagai:

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

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

Periksa Fiddle

Anda juga bisa menggunakan .reject

Gunakan Garis Bawah _.reject():

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

Underscore memiliki metode _without () yang sempurna untuk menghapus item dari array, terutama jika Anda memiliki objek untuk dihapus.

Mengembalikan salinan array dengan semua instance nilai yang dihapus.

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

=> ["bob", "fred"]

Bekerja dengan benda yang lebih kompleks juga.

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 }];

Jika Anda tidak memiliki item untuk dihapus, hanya properti itu, Anda dapat menggunakan _.findWheredan kemudian _.without.

Harap berhati-hati jika Anda memfilter string dan mencari filter case sensitif. _.without () peka huruf besar-kecil. Anda juga dapat menggunakan _.reject () seperti yang ditunjukkan di bawah ini.

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"]

Jawaban lain membuat salinan array baru, jika Anda ingin memodifikasi array di tempat yang dapat Anda gunakan:

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

Tetapi itu mengasumsikan bahwa elemen akan selalu ditemukan di dalam array (karena jika tidak ditemukan masih akan menghapus elemen terakhir). Agar aman, Anda dapat menggunakan:

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

atau cara praktis lain:

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

2 sen saya

Gunakan dapat menggunakan plain JavaScript 's Array#filtermetode seperti ini:

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);

Atau, gunakan Array#reducedan Array#concatmetode seperti ini:

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);

CATATAN:

• Keduanya adalah pendekatan fungsional murni ( yaitu mereka tidak mengubah array yang ada).
• Tidak, perpustakaan eksternal diperlukan dalam pendekatan ini (JavaScript Vanilla sudah cukup).

Saya dulu mencoba metode ini

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

Mungkin ada metode yang lebih baik juga seperti solusi di atas yang disediakan oleh pengguna

Dengan Menggunakan 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);

Hasilnya akan :: [{id:1name:'a'},{id:2,name:'c'}]

Anda dapat menggunakan metode tolak Garis Bawah, di bawah ini akan mengembalikan array baru yang tidak akan memiliki array dengan kecocokan tertentu

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