Javascript Remove Multiple Element From Array By Index

Javascript Remove Multiple Element From Array By Index

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

Cara Menghapus Beberapa Elemen dari Array JavaScript berdasarkan Indeks

Dalam pengembangan web menggunakan JavaScript, seringkali kita perlu memanipulasi array, termasuk menghapus elemen dari array. Ada beberapa cara untuk menghapus elemen dari array berdasarkan indeks, baik satu per satu maupun beberapa sekaligus. Artikel ini akan membahas bagaimana cara menghapus beberapa elemen dari array JavaScript berdasarkan indeks secara efisien.

1. Menghapus Elemen dengan splice()

Metode splice() adalah cara yang paling umum untuk menghapus elemen dari array berdasarkan indeks. Metode ini menerima dua parameter: indeks awal yang akan dihapus dan jumlah elemen yang akan dihapus.

Contoh:

const myArray = [1, 2, 3, 4, 5, 6];
myArray.splice(2, 3); // Menghapus 3 elemen mulai dari indeks 2
console.log(myArray); // [1, 2, 6]

Kode di atas akan menghapus elemen dengan indeks 2, 3, dan 4, sehingga array akan menjadi [1, 2, 6].

2. Menghapus Elemen dengan filter()

Metode filter() memungkinkan kita untuk membuat array baru yang berisi hanya elemen yang memenuhi kondisi tertentu. Dalam kasus ini, kita dapat menggunakan filter() untuk membuat array baru yang berisi elemen yang bukan merupakan indeks yang ingin dihapus.

Contoh:

const myArray = [1, 2, 3, 4, 5, 6];
const indicesToDelete = [2, 4]; // Indeks yang ingin dihapus

const newArray = myArray.filter((_, index) => !indicesToDelete.includes(index));
console.log(newArray); // [1, 2, 4, 6]

Kode di atas akan membuat array baru dengan menghapus elemen dengan indeks 2 dan 4, sehingga array baru menjadi [1, 2, 4, 6].

3. Menghapus Elemen dengan reduce()

Metode reduce() dapat digunakan untuk menggabungkan semua elemen array menjadi satu nilai. Dalam kasus ini, kita dapat menggunakan reduce() untuk membuat array baru tanpa elemen yang ingin dihapus.

Contoh:

const myArray = [1, 2, 3, 4, 5, 6];
const indicesToDelete = [2, 4]; // Indeks yang ingin dihapus

const newArray = myArray.reduce((acc, _, index) => {
  if (!indicesToDelete.includes(index)) {
    acc.push(_);
  }
  return acc;
}, []);
console.log(newArray); // [1, 2, 4, 6]

Kode di atas akan membuat array baru tanpa elemen dengan indeks 2 dan 4, sehingga array baru menjadi [1, 2, 4, 6].

Kesimpulan

Terdapat beberapa cara untuk menghapus beberapa elemen dari array JavaScript berdasarkan indeks. Pemilihan metode tergantung pada preferensi dan kebutuhan Anda. splice() adalah cara yang paling umum dan efisien untuk menghapus elemen berdasarkan indeks. Namun, filter() dan reduce() dapat menjadi pilihan yang baik jika Anda ingin menggunakan fungsi tingkat tinggi dalam kode Anda. Pastikan untuk memilih metode yang paling cocok dengan kebutuhan Anda.