Javascript Remove Entry From Array By Index

Javascript Remove Entry From Array By Index

4 min read Jun 20, 2024
Javascript Remove Entry From Array By Index

Cara Menghapus Elemen Array di JavaScript Berdasarkan Indeks

Dalam pengembangan web dengan JavaScript, kita seringkali perlu memanipulasi array. Salah satu operasi umum yang perlu dilakukan adalah menghapus elemen dari array. Pada artikel ini, kita akan membahas cara menghapus elemen dari array berdasarkan indeksnya.

1. Menggunakan splice()

Metode splice() adalah cara paling umum untuk menghapus elemen dari array berdasarkan indeks. Metode ini bekerja dengan menghapus elemen dari array dan mengembalikan array baru yang berisi elemen yang dihapus.

const numbers = [1, 2, 3, 4, 5];

// Hapus elemen pada indeks 2 (nilai 3)
const removedElement = numbers.splice(2, 1);

// Array numbers sekarang menjadi [1, 2, 4, 5]
console.log(numbers); // [1, 2, 4, 5]

// Elemen yang dihapus disimpan di removedElement
console.log(removedElement); // [3]

Penjelasan:

  • splice(2, 1) mengambil dua argumen:
    • Indeks Awal: 2, menunjukkan indeks elemen yang ingin dihapus.
    • Jumlah Elemen: 1, menunjukkan jumlah elemen yang akan dihapus.

2. Menggunakan filter()

Metode filter() dapat digunakan untuk membuat array baru yang berisi elemen-elemen yang memenuhi kriteria tertentu. Kita dapat menggunakan metode ini untuk menghapus elemen berdasarkan indeks dengan mengembalikan nilai false untuk indeks yang ingin dihapus.

const numbers = [1, 2, 3, 4, 5];

// Hapus elemen pada indeks 2 (nilai 3)
const filteredNumbers = numbers.filter((_, index) => index !== 2);

// Array filteredNumbers sekarang menjadi [1, 2, 4, 5]
console.log(filteredNumbers); // [1, 2, 4, 5]

Penjelasan:

  • filter((_, index) => index !== 2) mengembalikan array baru dengan elemen-elemen yang indeksnya tidak sama dengan 2.

3. Menggunakan slice() dan concat()

Metode slice() mengembalikan bagian dari array dari indeks awal hingga indeks akhir (tidak termasuk). Metode concat() menggabungkan dua array menjadi satu. Kita dapat menggunakan kedua metode ini untuk menghapus elemen berdasarkan indeks.

const numbers = [1, 2, 3, 4, 5];

// Hapus elemen pada indeks 2 (nilai 3)
const newNumbers = numbers.slice(0, 2).concat(numbers.slice(3));

// Array newNumbers sekarang menjadi [1, 2, 4, 5]
console.log(newNumbers); // [1, 2, 4, 5]

Penjelasan:

  • numbers.slice(0, 2) mengembalikan bagian array dari indeks 0 hingga 1 (tidak termasuk indeks 2).
  • numbers.slice(3) mengembalikan bagian array dari indeks 3 hingga akhir.
  • concat() menggabungkan kedua bagian array tersebut, menghasilkan array baru tanpa elemen pada indeks 2.

Kesimpulan

Terdapat beberapa metode yang dapat digunakan untuk menghapus elemen dari array berdasarkan indeks di JavaScript. Pilih metode yang paling cocok dengan kebutuhan Anda dan pastikan untuk memahami cara kerjanya dengan baik.