Remove Matching Element From Array Javascript

Remove Matching Element From Array Javascript

4 min read Jun 20, 2024
Remove Matching Element From Array Javascript

Cara Menghapus Elemen yang Cocok dari Array di JavaScript

Pada artikel ini, kita akan membahas tentang bagaimana menghapus elemen yang cocok dari array di JavaScript.

Metode Filter()

Metode filter() merupakan metode yang efektif untuk membuat array baru yang berisi elemen-elemen yang memenuhi kondisi tertentu. Kita dapat menggunakannya untuk menghapus elemen yang cocok dengan nilai tertentu dari array.

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const filteredNumbers = numbers.filter(number => number !== 5);

console.log(filteredNumbers); // Output: [1, 2, 3, 4, 6, 7, 8, 9, 10]

Pada contoh di atas, kita menggunakan filter() untuk membuat array baru filteredNumbers yang berisi semua angka dari numbers kecuali angka 5.

Metode Splice()

Metode splice() mengubah array dengan menghapus, memasukkan, atau mengganti elemen-elemen pada posisi tertentu. Kita dapat menggunakannya untuk menghapus elemen yang cocok dari array berdasarkan indeksnya.

const names = ["Alice", "Bob", "Charlie", "David"];

const indexToRemove = names.indexOf("Bob");

if (indexToRemove !== -1) {
  names.splice(indexToRemove, 1);
}

console.log(names); // Output: ["Alice", "Charlie", "David"]

Pada contoh di atas, kita menggunakan indexOf() untuk menemukan indeks "Bob" di dalam array names. Kemudian, kita menggunakan splice() untuk menghapus elemen pada indeks yang ditemukan.

Metode forEach()

Metode forEach() digunakan untuk mengulang setiap elemen dalam array. Kita dapat menggunakannya untuk menghapus elemen yang cocok dengan nilai tertentu dari array.

const animals = ["dog", "cat", "bird", "fish"];

animals.forEach((animal, index) => {
  if (animal === "cat") {
    animals.splice(index, 1);
  }
});

console.log(animals); // Output: ["dog", "bird", "fish"]

Pada contoh di atas, kita menggunakan forEach() untuk mengulang setiap elemen dalam array animals. Jika elemennya adalah "cat", kita menghapusnya dari array menggunakan splice().

Mengapa Menggunakan Filter() Lebih Direkomendasikan?

Metode filter() lebih direkomendasikan daripada splice() dan forEach() untuk menghapus elemen yang cocok dari array karena alasan berikut:

  • Membuat array baru: filter() membuat array baru tanpa mengubah array asli, sehingga lebih aman untuk digunakan.
  • Lebih mudah dibaca: Kode yang menggunakan filter() biasanya lebih mudah dibaca dan dipahami.
  • Lebih efisien: Dalam beberapa kasus, filter() mungkin lebih efisien daripada splice() atau forEach().

Meskipun metode splice() dan forEach() dapat digunakan untuk menghapus elemen yang cocok dari array, filter() biasanya merupakan pilihan yang lebih baik karena lebih aman, lebih mudah dibaca, dan lebih efisien.