W3schools Javascript Remove Element From Array

W3schools Javascript Remove Element From Array

3 min read Jun 18, 2024
W3schools Javascript Remove Element From Array

Cara Menghapus Elemen dari Array dalam JavaScript

Artikel ini akan membahas cara menghapus elemen dari array dalam JavaScript menggunakan berbagai metode.

Metode splice()

Metode splice() merupakan metode paling umum digunakan untuk menghapus elemen dari array. Metode ini menerima dua argumen:

  • index: Posisi elemen yang ingin dihapus.
  • jumlah: Jumlah elemen yang ingin dihapus.

Contoh:

const fruits = ["Apple", "Banana", "Orange", "Grape"];

// Menghapus "Banana" dari array
fruits.splice(1, 1);

console.log(fruits); // Output: ["Apple", "Orange", "Grape"]

Metode filter()

Metode filter() digunakan untuk membuat array baru dengan elemen-elemen yang memenuhi kondisi tertentu. Anda dapat menggunakannya untuk menghapus elemen dari array dengan mengembalikan false untuk elemen yang ingin dihapus.

Contoh:

const numbers = [1, 2, 3, 4, 5];

// Menghapus angka 3 dari array
const filteredNumbers = numbers.filter(number => number !== 3);

console.log(filteredNumbers); // Output: [1, 2, 4, 5]

Menggunakan delete

Operator delete dapat digunakan untuk menghapus elemen dari array. Namun, hal ini akan meninggalkan hole (nilai undefined) pada array.

Contoh:

const colors = ["Red", "Green", "Blue"];

delete colors[1];

console.log(colors); // Output: ["Red", undefined, "Blue"]

Catatan: delete tidak mengubah panjang array.

Memilih Metode yang Tepat

Pilihan metode yang tepat untuk menghapus elemen dari array tergantung pada kebutuhan Anda.

  • splice() adalah pilihan yang tepat jika Anda ingin menghapus elemen berdasarkan posisinya.
  • filter() adalah pilihan yang tepat jika Anda ingin menghapus elemen berdasarkan kondisi tertentu.
  • delete dapat digunakan jika Anda ingin menghapus elemen berdasarkan indeks dan Anda tidak keberatan dengan hole yang dihasilkan.

Kesimpulan

Artikel ini membahas beberapa metode untuk menghapus elemen dari array dalam JavaScript. Dengan memahami berbagai metode ini, Anda dapat memilih metode yang paling sesuai dengan kebutuhan Anda.