4 Cara Menghapus Item Tertentu Dari Array JavaScript

Array adalah salah satu struktur data umum yang akan berinteraksi dengan Anda di JavaScript. Saat menghapus item dari array, ada metode berbeda yang Anda inginkan. Itu semua tergantung di mana elemen yang ingin Anda hapus, dan bagaimana Anda ingin mengidentifikasinya.

Lihat berbagai cara menghapus elemen larik JavaScript, apakah itu di awal, akhir, atau di antara keduanya.

1. Hapus Elemen Pertama Dari Array

Untuk menghapus elemen pertama dalam array, gunakan bawaan JavaScript menggeser() metode. Ini berfungsi di luar kotak dengan menghapus item dan kemudian menggeser indeks dari semua item yang tersisa.

Setelah menghapus item, metode shift mengembalikannya. Itu berarti Anda dapat menetapkan elemen yang dihapus ke variabel lain dan menggunakannya nanti jika Anda mau.

Begini caranya:

const demoArray = [1, 2, 3, 4, 5];
const firstElement = demoArray.shift();
menghibur.log (demoArray); // log [2, 3, 4, 5]
menghibur.log (Elemen pertama); // log 1

2. Hapus Elemen Terakhir Dari Array

JavaScript memiliki bawaan pop() metode untuk menghapus item terakhir dalam array. Seperti menggeser() metode, pop() mengembalikan item yang dihapus dari array.

const demoArray = [1, 2, 3, 4, 5];
const lastElement = demoArray.pop();
menghibur.log (demoArray); // log [1, 2, 3, 4]
menghibur.log (Elemen terakhir); // log 5

Shift dan pop adalah dua yang paling umum Metode larik JavaScript, tetapi mereka hanya bisa membantu Anda sejauh ini. Selain keduanya, ada beberapa metode yang memberi Anda lebih presisi atas elemen yang Anda hapus.

3. Menggunakan Operator Hapus

Atau, Anda dapat menggunakan JavaScript menghapus operator untuk menghapus elemen array yang diberikan pada indeks tertentu. Namun, tidak seperti metode lain yang telah kita lihat sebelumnya, ada kendala.

Itu menghapus operator hanya menghapus nilai, meninggalkan array dengan celah kosong pada indeksnya. Namun, panjang larik asli tetap sama, bahkan jika Anda menghapus elemen terakhir.

const demoArray = [1, 2, 3, 4, 5];
menghapus demoArray[2];
menghibur.log (demoArray[2]); // log tidak terdefinisi
menghibur.log (demoArray.panjang); // log 5
menghibur.log (demoArray); // log [1, 2, kosong, 4, 5]

4. Hapus Elemen Array berdasarkan Nilai

Anda juga dapat menghapus item array tertentu berdasarkan nilai. Tidak ada metode bawaan untuk melakukan ini, tetapi Anda dapat menggabungkan dua metode yang ada untuk melakukan ini: Indeks() Dan sambatan().

Keduanya akan memungkinkan Anda untuk menghapus elemen tertentu dari array tanpa memiliki indeks. Pertama, mulailah dengan mencari indeks elemen yang diminati menggunakan Indeks():

const demoArray = [1, 2, 3, 4, 5];
const targetElementIndex = demoArray.indexOf(4);
menghibur.log (targetElementIndex); // log 3

Metode indexOf mengembalikan indeks kejadian pertama dari nilai yang Anda berikan, bahkan jika nilainya ada lebih dari satu kali. Jika tidak menemukan elemen yang cocok sama sekali, indexOf kembali -1.

Sekarang setelah Anda memiliki indeks elemen target, Anda dapat menggunakan sambatan() metode untuk menghapus item pada indeks itu. Yang harus Anda lakukan adalah meneruskan indeks elemen target sebagai argumen pertama, diikuti dengan jumlah item yang ingin Anda hapus.

Untuk menghapus satu item saja, berikan nilai dari 1 sebagai argumen kedua:

demoArray.splice (targetElementIndex, 1);

Itu sambatan() metode mengembalikan array elemen yang dihapus dan akan memodifikasi array elemen asli, seperti menggeser() Dan pop().

Jika beberapa dari metode ini baru bagi Anda, lihat kami lembar contekan JavaScript lengkap. Ini berisi semua metode array yang tersedia untuk Anda, tidak hanya untuk menghapus, tetapi untuk operasi lain seperti menambahkan, mengulang, membalikkan, dan memfilter item.

Bekerja Dengan Array JavaScript Seperti Pro

Mengetahui cara bekerja dengan array dalam JavaScript sangat penting untuk semua pengembang web karena seberapa sering Anda akan menemukannya.

Konsep kunci untuk dikuasai adalah semua metode bawaan yang Anda inginkan yang dapat membantu Anda melakukan hampir semua hal saat bekerja dengan array.