Remove Element From Json Array Javascript By Index

Remove Element From Json Array Javascript By Index

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

Cara Menghapus Elemen dari Array JSON di JavaScript Berdasarkan Indeks

Dalam pengembangan web, kita sering kali perlu memanipulasi data JSON, termasuk menghapus elemen dari array JSON. Artikel ini akan membahas cara menghapus elemen dari array JSON di JavaScript berdasarkan indeks.

1. Menggunakan Method splice()

Method splice() merupakan cara yang paling umum dan efisien untuk menghapus elemen dari array di JavaScript. Method ini mengambil dua argumen:

  • Indeks Awal: Indeks dari elemen pertama yang ingin dihapus.
  • Jumlah Elemen: Jumlah elemen yang ingin dihapus.

Berikut adalah contoh penggunaannya:

const myArray = [
    { "name": "John", "age": 30 },
    { "name": "Jane", "age": 25 },
    { "name": "Peter", "age": 35 },
];

// Menghapus elemen pada indeks 1 (Jane)
myArray.splice(1, 1);

console.log(myArray); 
// Output: 
// [
//   { "name": "John", "age": 30 },
//   { "name": "Peter", "age": 35 }
// ]

Dalam contoh di atas, splice(1, 1) menghapus elemen pada indeks 1 (Jane) dari array myArray.

2. Menggunakan Method filter()

Method filter() dapat digunakan untuk membuat array baru yang berisi elemen yang ingin kita pertahankan. Dalam hal ini, kita dapat memfilter elemen berdasarkan indeksnya.

const myArray = [
    { "name": "John", "age": 30 },
    { "name": "Jane", "age": 25 },
    { "name": "Peter", "age": 35 },
];

// Menghapus elemen pada indeks 1 (Jane)
const newArray = myArray.filter((_, index) => index !== 1);

console.log(newArray);
// Output:
// [
//   { "name": "John", "age": 30 },
//   { "name": "Peter", "age": 35 }
// ]

Dalam contoh ini, filter() membuat array baru newArray yang berisi semua elemen dari myArray kecuali elemen pada indeks 1.

3. Menggunakan Destructuring Assignment

Destructuring assignment dapat digunakan untuk membuat array baru tanpa elemen yang ingin kita hapus.

const myArray = [
    { "name": "John", "age": 30 },
    { "name": "Jane", "age": 25 },
    { "name": "Peter", "age": 35 },
];

// Menghapus elemen pada indeks 1 (Jane)
const [first, , third] = myArray;

const newArray = [first, third];

console.log(newArray);
// Output: 
// [
//   { "name": "John", "age": 30 },
//   { "name": "Peter", "age": 35 }
// ]

Dalam contoh ini, kita menggunakan destructuring assignment untuk mengambil elemen pertama dan ketiga dari array myArray dan menyimpannya dalam variabel first dan third. Kemudian, kita membuat array baru newArray yang berisi kedua variabel tersebut.

Kesimpulan

Terdapat beberapa cara untuk menghapus elemen dari array JSON di JavaScript berdasarkan indeks. Pilih metode yang paling sesuai dengan kebutuhan dan preferensi Anda.

Catatan: Penggunaan metode splice() akan mengubah array asli, sementara filter() dan destructuring assignment akan membuat array baru.