Remove Object From Array Javascript By Key Value

Remove Object From Array Javascript By Key Value

3 min read Jun 20, 2024
Remove Object From Array Javascript By Key Value

Cara Menghapus Objek dari Array JavaScript Berdasarkan Key-Value

Dalam pengembangan JavaScript, sering kali kita perlu memanipulasi data dalam array, termasuk menghapus objek tertentu berdasarkan nilai key-nya. Berikut adalah beberapa cara umum untuk menghapus objek dari array JavaScript berdasarkan key-value:

1. Menggunakan filter() Method

Metode filter() adalah cara yang umum dan efisien untuk membuat array baru dengan hanya objek yang memenuhi kondisi tertentu.

const data = [
  { id: 1, name: 'John Doe' },
  { id: 2, name: 'Jane Doe' },
  { id: 3, name: 'Peter Pan' }
];

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

console.log(filteredData); // Output: [{ id: 1, name: 'John Doe' }, { id: 3, name: 'Peter Pan' }]

2. Menggunakan findIndex() dan splice() Methods

Metode findIndex() menemukan index pertama dari objek yang memenuhi kondisi, kemudian metode splice() digunakan untuk menghapus objek dari array.

const data = [
  { id: 1, name: 'John Doe' },
  { id: 2, name: 'Jane Doe' },
  { id: 3, name: 'Peter Pan' }
];

const index = data.findIndex(item => item.id === 2);

if (index !== -1) {
  data.splice(index, 1); // Menghapus objek dengan id 2
}

console.log(data); // Output: [{ id: 1, name: 'John Doe' }, { id: 3, name: 'Peter Pan' }]

3. Menggunakan reduce() Method

Metode reduce() dapat digunakan untuk membangun array baru tanpa objek yang ingin dihapus.

const data = [
  { id: 1, name: 'John Doe' },
  { id: 2, name: 'Jane Doe' },
  { id: 3, name: 'Peter Pan' }
];

const filteredData = data.reduce((acc, item) => {
  if (item.id !== 2) {
    acc.push(item);
  }
  return acc;
}, []);

console.log(filteredData); // Output: [{ id: 1, name: 'John Doe' }, { id: 3, name: 'Peter Pan' }]

4. Menggunakan forEach() Method

Metode forEach() dapat digunakan untuk iterasi melalui array dan menghapus objek yang memenuhi kondisi.

const data = [
  { id: 1, name: 'John Doe' },
  { id: 2, name: 'Jane Doe' },
  { id: 3, name: 'Peter Pan' }
];

data.forEach((item, index) => {
  if (item.id === 2) {
    data.splice(index, 1); // Menghapus objek dengan id 2
  }
});

console.log(data); // Output: [{ id: 1, name: 'John Doe' }, { id: 3, name: 'Peter Pan' }]

Kesimpulan

Pilihan metode yang terbaik tergantung pada kebutuhan dan preferensi Anda. Pastikan untuk memahami cara kerja setiap metode sebelum memilih metode yang tepat untuk kasus Anda.