Javascript Remove Element From Array By Index

Javascript Remove Element From Array By Index

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

Cara Menghapus Elemen dari Array di JavaScript berdasarkan Index

Dalam pemrograman JavaScript, seringkali kita perlu memanipulasi elemen dalam array. Salah satu operasi yang umum dilakukan adalah menghapus elemen dari array berdasarkan index-nya. Artikel ini akan membahas berbagai cara untuk mencapai hal tersebut.

1. Menggunakan splice()

Metode splice() merupakan metode bawaan JavaScript yang memungkinkan kita untuk menambahkan, menghapus, atau mengganti elemen dalam array. Untuk menghapus elemen berdasarkan index, kita dapat memanfaatkan metode splice() dengan argumen pertama sebagai index elemen yang ingin dihapus dan argumen kedua sebagai jumlah elemen yang ingin dihapus.

Contoh:

let myArray = ['apel', 'pisang', 'jeruk', 'mangga'];

// Menghapus elemen pada index 1 (pisang)
myArray.splice(1, 1);

// Menampilkan array setelah penghapusan
console.log(myArray); // Output: ['apel', 'jeruk', 'mangga']

2. Menggunakan filter()

Metode filter() memungkinkan kita untuk membuat array baru yang berisi elemen yang memenuhi kondisi tertentu. Untuk menghapus elemen berdasarkan index, kita dapat menggunakan filter() dengan kondisi yang mengecualikan index yang ingin dihapus.

Contoh:

let myArray = ['apel', 'pisang', 'jeruk', 'mangga'];

// Menghapus elemen pada index 2 (jeruk)
const newArray = myArray.filter((_, index) => index !== 2);

// Menampilkan array baru setelah penghapusan
console.log(newArray); // Output: ['apel', 'pisang', 'mangga']

3. Menggunakan slice()

Metode slice() digunakan untuk membuat salinan bagian dari array. Dengan menggunakan slice(), kita dapat membuat salinan array tanpa elemen yang ingin dihapus.

Contoh:

let myArray = ['apel', 'pisang', 'jeruk', 'mangga'];

// Menghapus elemen pada index 1 (pisang)
const newArray = myArray.slice(0, 1).concat(myArray.slice(2));

// Menampilkan array baru setelah penghapusan
console.log(newArray); // Output: ['apel', 'jeruk', 'mangga']

Perbedaan Metode

  • splice() mengubah array asli secara langsung.
  • filter() membuat array baru tanpa mengubah array asli.
  • slice() juga membuat array baru tanpa mengubah array asli.

Rekomendasi

Pemilihan metode terbaik tergantung pada kebutuhan. Jika Anda ingin mengubah array asli, gunakan splice(). Jika Anda ingin mempertahankan array asli dan membuat array baru tanpa elemen yang dihapus, gunakan filter() atau slice().

Kesimpulan

Artikel ini membahas tiga cara untuk menghapus elemen dari array di JavaScript berdasarkan index. Anda dapat memilih metode yang paling sesuai dengan kebutuhan Anda.

Penting: Pastikan Anda memahami cara kerja setiap metode dan dampaknya terhadap array asli sebelum menggunakannya dalam kode Anda.