Saat menangani data secara massal, mungkin ada persyaratan untuk menghapus beberapa entri karena pembaruan. Misalnya, menghapus nilai berdasarkan atribut atau properti tertentu. Ini menghasilkan akses ke data yang relevan dengan nyaman dan menghapus entri yang tidak diinginkan. Dalam situasi seperti itu, menghapus objek dari array berdasarkan nilainya di JavaScript sangat membantu dalam mengakses data secara instan dan menghemat memori.
Artikel ini akan membahas pendekatan untuk menghapus objek dari array berdasarkan nilainya di JavaScript.
Bagaimana Cara Menghapus/Menghilangkan Objek Dari Array dengan Nilainya di JavaScript?
Untuk menghilangkan objek dari array dengan nilainya dalam JavaScript, terapkan pendekatan berikut:
Mari kita bahas masing-masing pendekatan yang disebutkan satu per satu!
Pendekatan 1: Hapus Objek Dari Array dengan Nilainya di JavaScript Menggunakan Metode findIndex() dan splice()
The “ findIndex() ” mengembalikan indeks (posisi) elemen tanpa membuat perubahan apa pun pada array asli. The “ sambatan() ” metode menambahkan/menghapus elemen array tertentu dan juga memengaruhi array asli. Metode ini dapat digunakan untuk menemukan indeks objek yang perlu dihapus. Setelah itu, objek tertentu disambung berdasarkan nomor yang ditentukan.
Sintaksis
array.findIndex ( fungsi ( currVal, indeks, array ) , nilai )Dalam sintaks ini:
- “ fungsi ” mengacu pada fungsi yang perlu dipanggil untuk setiap item dalam larik.
- Parameter fungsi mengacu pada indeks nilai saat ini dalam larik yang ditentukan.
- “ nilai ” menunjukkan nilai yang harus diteruskan ke fungsi sebagai “ ini ”.
array.splice ( indeks, num, baru )
Dalam sintaks yang diberikan di atas:
- “ indeks ” menunjuk ke posisi di mana item seharusnya ditambahkan atau dihapus.
- “ pada satu ” mewakili nomor item.
- “ baru ” sesuai dengan elemen baru sebagai pengganti.
Contoh
Mari ikuti kode yang disebutkan di bawah ini:
< naskah Tipe = 'teks/javascript' >membiarkan diberikanArray = [ { usia: 18 } , { usia: dua puluh } , { usia: 25 } ] ;
membiarkan hapusObjek = diberikanArray.findIndex ( objek = > {
kembali objek.umur === 18 ;
} ) ;
console.log ( 'Indeks objek yang akan dihapus adalah:' , hapusObjek ) ;
diberikanArray.splice ( hapusObjek, 1 ) ;
console.log ( 'Array setelah menghapus objek berdasarkan nilai menjadi:' , diberikanArray ) ;
naskah >
Dalam cuplikan kode di atas:
- Deklarasikan array objek yang memiliki properti yang dinyatakan.
- Pada langkah selanjutnya, kaitkan “ findIndex() ” dengan array yang dideklarasikan pada langkah sebelumnya.
- Ini akan menyebabkan iterasi melalui setiap elemen (objek) dalam array.
- Akibatnya, indeks objek tertentu dari array akan ditampilkan yang sesuai dengan nilai yang dinyatakan terhadap properti, yaitu 18.
- Setelah itu, terapkan ' sambatan() ” metode dengan mengacu pada indeks yang diambil, yang akan menghapus objek tertentu terhadap indeks itu.
- Perhatikan bahwa “ 1 ” menentukan jumlah objek yang perlu dihapus.
- Terakhir, tampilkan larik objek yang dihasilkan.
Keluaran
Pada output di atas, dapat dilihat bahwa indeks dari objek tertentu ditampilkan, dan kemudian dihapus.
Pendekatan 2: Hapus Objek Dari Array dengan Nilainya di JavaScript Menggunakan Metode filter()
The “ Saring() ” Metode membuat larik item baru yang lulus tes tertentu. Metode ini dapat diterapkan untuk memfilter objek yang perlu dihilangkan berdasarkan suatu kondisi melalui operator pembanding.
Sintaksis
array.filter ( fungsi ( val ) , ini )Di Sini:
- “ fungsi ” menunjuk ke fungsi yang akan dialihkan ke fungsi untuk memfilter.
- “ val ” adalah nilai elemen saat ini.
- “ ini ” menunjukkan nilai yang diteruskan ke fungsi.
Contoh
Mari kita tinjau contoh yang disebutkan di bawah ini:
< naskah Tipe = 'teks/javascript' >membiarkan diberikanArray = [ { ukuran: 35 } , { ukuran: 40 } , { ukuran: Empat.Lima } ] ;
console.log ( 'Array yang diberikan adalah:' , diberikanArray )
membiarkan newArray = diberikanArray.filter ( objek = > {
kembali objek.ukuran ! == Empat.Lima ;
} ) ;
console.log ( 'Array setelah menghapus objek berdasarkan nilai menjadi:' , Array baru ) ;
naskah >
Terapkan langkah-langkah berikut, seperti yang diberikan pada baris kode di atas:
- Demikian juga, nyatakan array objek dan tampilkan.
- Setelah itu, terapkan ' Saring() ” metode dengan mengacu pada elemen (objek).
- Sekarang, saring larik terkait sedemikian rupa sehingga larik baru terbentuk berdasarkan kondisi yang terpenuhi melalui ' tidak sama(!==) ” operator pembanding.
- Terakhir, tampilkan array yang difilter.
Keluaran
Output di atas menunjukkan bahwa array baru dari objek yang difilter telah terbentuk.
Pendekatan 3: Hapus Objek Dari Array dengan Nilainya di JavaScript Menggunakan Metode pop()
The “ pop() ” metode menghilangkan elemen terakhir dalam array dan juga memengaruhi array asli. Metode ini dapat digunakan untuk memunculkan objek tertentu dari array dan membuat array yang diperbarui dengan objek yang dihapus.
Contoh
Contoh yang diberikan di bawah ini mengilustrasikan konsep yang dibahas:
< naskah Tipe = 'teks/javascript' >membiarkan diberikanArray = [ { nama: 'Harry' } , { nama: 'David' } ]
membiarkan newArray = diberikanArray.pop ( objek = > {
kembali objek.nama = 'Harry'
} )
console.log ( 'Array setelah menghapus objek berdasarkan nilai menjadi:' , Array baru ) ;
naskah >
Dalam cuplikan kode di atas:
- Demikian pula, deklarasikan array objek yang memiliki properti yang dinyatakan.
- Pada langkah selanjutnya, terapkan ' pop() ” metode untuk menghapus objek tertentu yang memiliki nilai yang dinyatakan terhadap properti “ nama ”.
- Akibatnya, hanya satu objek yang tersisa di array yang dihasilkan “ newArr ”.
- Terakhir, tampilkan array objek yang diperbarui, yaitu, newArr.
Keluaran
Output di atas menandakan bahwa persyaratan yang diinginkan terpenuhi.
Kesimpulan
“ findIndex() ' dan ' sambatan() ” metode, “ Saring() ” metode, atau “ pop() ” metode dapat diterapkan untuk menghapus objek dari array dengan nilainya dalam JavaScript. Pendekatan ini menghapus objek tertentu berdasarkan pengindeksan, memfilternya melalui operator not equal(!==), atau cukup memunculkannya sesuai kondisi. Artikel ini menjelaskan pendekatan untuk menghapus/menghilangkan objek dari array berdasarkan nilainya menggunakan JavaScript.