Cara Menghapus Item Dari Array berdasarkan Nilai di JavaScript

Cara Menghapus Item Dari Array Berdasarkan Nilai Di Javascript

Array adalah kombinasi dari elemen-elemen yang disimpan dalam satu variabel. JavaScript menyediakan berbagai metode untuk menambah, menghapus, dan memodifikasi item dari array. Setiap item memiliki indeks unik untuk mengidentifikasi lokasinya dalam array. Dalam panduan ini, Anda akan hapus item dari array dengan memberikan nilai kepada mereka menggunakan JavaScript Saring() dan sambatan() metode. Dengan mempertimbangkan metode bawaan ini, isi panduan ini adalah sebagai berikut.

Metode 1: Hapus Item Dari Array dengan Nilai Menggunakan Metode splice() dalam JavaScript

Dalam JavaScript, metode bawaan array.sambungan() digunakan untuk menghapus item dari array. Metode mengembalikan array baru dengan menghapus nilai item, yang dilewatkan melalui indeks. Tujuan menggunakan metode ini adalah untuk menimpa array dengan menambahkan atau menghapus item dari array. Mari kita bahas sintaksnya.

Sintaksis



Himpunan. sambatan ( di , pada satu , item )

Parameter tersebut dijelaskan sebagai berikut:



  • di: tentukan nomor indeks untuk menghapus item.
  • pada satu: mewakili nomor yang akan dihapus.
  • item: merujuk pada penambahan item dalam array.

Kode



konstan arr = [ { pada satu : 5 } , { pada satu : 10 } , { pada satu : limabelas } ] ;

konstan idxObj = arr. temukan indeks ( obyek => {
kembali obyek. pada satu === 10 ;
} ) ;

arr. sambatan ( idxObj , 1 ) ;
menghibur. catatan ( arr ) ;

Kode menceritakan penghapusan item yang pada satu nilai adalah 10 . Dalam kode ini, arr.sambatan() metode ini digunakan untuk menghapus item dengan melewatkan idxObj indeks dari arr Himpunan. Akhirnya, array baru ditampilkan menggunakan konsol.log() metode.

Keluaran

Output mengembalikan array baru, yang panjangnya 2. Dalam array baru ini, item yang nilainya sama dengan 10 dihapus melalui arr.sambatan() metode dalam JavaScript.



Metode 2: Hapus Item Dari Array Menggunakan Filter() Metode dalam JavaScript

Itu Saring() metode ini digunakan untuk memfilter array berdasarkan kriteria yang ditentukan. Dalam metode ini, pengguna dapat menentukan nilai untuk penghapusan item dalam array. Itu Saring() metode mengulangi elemen yang ada dalam array. Lebih-lebih lagi,

Sintaksis

Himpunan. Saring ( fungsi ( curVal , idx , arr ) , nilai ini )

Deskripsi parameter seperti di bawah ini.

  • fungsi: mewakili fungsi panggilan balik.
  • CurVal: menentukan nilai elemen saat ini.
  • idx: mengacu pada indeks elemen saat ini.
  • arr: mewakili array.

Contoh
Contoh digunakan untuk menghapus item dari array dengan meneruskan nilai dalam JavaScript.

Kode

konstan arr = [
{ nama : 'Harry' , menunjukkan : 'Jangkrik' } ,
{ nama : 'Yohanes' , menunjukkan : 'Sepak bola' } ,
{ nama : 'Nikah' , menunjukkan : 'Hoki' } ,
{ nama : 'Bob' , menunjukkan : 'Berlari' } ,
] ;
menghibur. catatan ( arr ) ;
rem = arr. Saring ( arr => arr. nama != 'Harry' ) ;
menghibur. catatan ( rem ) ;

Kode dijelaskan di bawah ini:

  • Pertama, array arr dibuat dengan menyimpan item yang berbeda seperti nama dan menunjukkan .
  • Setelah itu, Saring() metode ini digunakan dengan melewati kondisi arr.name!='Harry' .
  • Akhirnya, konsol.log() metode yang digunakan untuk menampilkan array baru.

Keluaran

Output dari kode mengembalikan array baru dengan menghapus item tertentu yang nilainya sama dengan “ Harry ”.

Kesimpulan

Dua metode bawaan array.sambungan() dan array.filter() metode yang digunakan untuk menghapus item dari array di JavaScript. Dalam array.sambungan() metode, nilai indeks item dilewatkan untuk penghapusan item tertentu dalam array. Itu array.filter() metode ini digunakan untuk menyaring array yang ada dengan menerapkan kondisi. Kedua metode ini berguna untuk menangani banyak item untuk menghemat waktu dan tenaga bagi pengembang maupun pengguna. Dalam artikel ini, Anda telah mempelajari cara menghapus item dari array dengan memasukkan nilai ke dalam JavaScript .