Cara Menghapus Elemen dari Array di JavaScript

Menghapus elemen array dibutuhkan saat menghapus item dari keranjang, membuang data yang tidak valid, atau memfilter daftar. JavaScript menyediakan cara berdasarkan posisi maupun nilai. Artikel ini membahas cara menghapus elemen dari array di JavaScript.

pop() dan shift()

<script>
const buah = ["Apel", "Mangga", "Jeruk"];
buah.pop();   // hapus terakhir -> ["Apel", "Mangga"]
buah.shift(); // hapus pertama -> ["Mangga"]
</script>

splice() untuk Posisi Tertentu

<script>
const angka = [10, 20, 30, 40];
angka.splice(1, 1); // hapus 1 elemen di indeks 1
console.log(angka); // [10, 30, 40]
</script>

Contoh Kasus: Hapus Item dari Keranjang Berdasarkan Nilai

<script>
let keranjang = ["Kopi", "Teh", "Gula"];
function hapusItem(nama) {
    keranjang = keranjang.filter(item => item !== nama);
}
hapusItem("Teh"); // ["Kopi", "Gula"]
</script>

filter() menghasilkan array baru tanpa elemen yang cocok — cara paling bersih menghapus berdasarkan nilai.

splice vs filter

• splice() mengubah array asli, berdasarkan posisi.
• filter() membuat array baru, berdasarkan kondisi.

Kesimpulan

Gunakan pop()/shift() untuk ujung array, splice() untuk posisi tertentu, dan filter() untuk menghapus berdasarkan nilai tanpa mengubah array asli.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

• Cara Menggabungkan Dua Array di JavaScript
• Cara Menghapus Duplikat dari Array di JavaScript
• Cara Mengambil Elemen Acak dari Array di JavaScript