Javascript Remove Element From Array Of Objects By Value

Javascript Remove Element From Array Of Objects By Value

3 min read Jun 20, 2024
Javascript Remove Element From Array Of Objects By Value

Cara Menghapus Elemen dari Array Objek Berdasarkan Value di JavaScript

Artikel ini akan membahas cara menghapus elemen dari array objek berdasarkan nilai yang Anda inginkan di JavaScript.

Metode filter()

Metode filter() adalah cara yang umum dan mudah untuk menghapus elemen dari array objek berdasarkan nilai. Anda dapat menggunakannya untuk membuat array baru dengan elemen yang sesuai dengan kriteria Anda.

const data = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" },
  { id: 3, name: "Charlie" }
];

// Hapus objek dengan id 2
const filteredData = data.filter(obj => obj.id !== 2);

console.log(filteredData); 
// Output: [{ id: 1, name: "Alice" }, { id: 3, name: "Charlie" }]

Kode di atas mendefinisikan array objek data dan kemudian menggunakan filter() untuk membuat array filteredData yang berisi hanya objek dengan id selain 2.

Metode splice()

Metode splice() memungkinkan Anda untuk menghapus elemen dari array yang sudah ada. Anda harus menemukan indeks objek yang ingin Anda hapus terlebih dahulu.

const data = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" },
  { id: 3, name: "Charlie" }
];

// Hapus objek dengan id 2
const index = data.findIndex(obj => obj.id === 2);
if (index !== -1) {
  data.splice(index, 1);
}

console.log(data); 
// Output: [{ id: 1, name: "Alice" }, { id: 3, name: "Charlie" }]

Kode di atas menemukan indeks objek dengan id 2 dan menggunakan splice() untuk menghapus objek dari array data.

Peringatan

  • Metode filter() menciptakan array baru, sementara splice() mengubah array yang ada.
  • Jika Anda ingin menghapus beberapa objek dengan nilai yang sama, Anda perlu menggunakan filter() atau splice() secara berulang.

Tips

  • Gunakan findIndex() untuk menemukan indeks objek yang ingin Anda hapus dengan splice().
  • Gunakan map() untuk membuat array baru dengan nilai yang dimodifikasi dari array yang ada.

Semoga artikel ini membantu Anda dalam memahami cara menghapus elemen dari array objek berdasarkan value di JavaScript!