Array Splice JavaScript: Sintaks dan Contoh Penggunaan

splice() merupakan method array di JavaScript yang berfungsi untuk mengubah elemen array termasuk menghapus, mengganti, atau menambah elemen baru.

Method ini mengubah array asli dan mengembalikan array berisi elemen yang dihapus.

Jika Anda ingin menyalin elemen array tanpa mengubah array asli, gunakan slice().

Mari kita pelajari sintaks dan contoh penggunaan method array splice().

Sintaks
Contoh

Sintaks

splice(indexAwal, jumlahHapusElemen, elemenBaru);

Parameter

indexAwal: indeks di mana untuk mulai mengubah array.

Jika melebihi panjang array, indexAwal akan diatur sesuai panjang array (arr.length).

Jika diisi dengan nilai positif, misalnya splice(1), maka perubaha akan diterapkan ke elemen dengan indeks 1.

Jika diisi dengan nilai negatif, akan dimulai dari indeks akhir. Misalnya, splice(-1) akan melakukan perubahan mulai dari elemen 1 dari akhir.
jumlahHapusElemen (opsional): jumlah elemen yang ingin dihapus.

Misalnya splice(1, 2), akan menghapus dua elemen, elemen dengan indeks 1 dan 2.

Jika 0 atau negatif, tidak ada elemen yang dihapus.
elemenBaru (opsional): elemen yang akan ditambahkan ke array, tepat setelah indexAwal. Jika tidak ditentukan, splice() hanya menghapus elemen.

Nilai Kembalian

Mengembalikan array berisi elemen yang dihapus. Jika tidak ada yang dihapus, mengembalikan array kosong.

Contoh

Hapus Beberapa Elemen

Contoh kode di bawah akan menghapus dua elemen mulai dari elemen dengan indeks 2.

Yang perlu diperhatikan, jumlah penghapusan elemen akan dihitung mulai dari elemen yang berada tepat di indexAwal, artinya elemen tersebut akan ikut dihapus.

const hari = ['senin', 'selasa', 'ayam', 'bebek', 'rabu', 'kamis'];

hari.splice(2, 2);

console.log(hari); // [ 'senin', 'selasa', 'rabu', 'kamis' ]

Hapus Semua Elemen

Jika Anda ingin menghapus semua elemen mulai dari elemen yang ditentukan, Anda tidak perlu menentukan jumlah elemen yang dihapus.

Contoh berikut akan menghapus semua elemen mulai dari elemen dengan indeks 2.

const hari = ['senin', 'selasa', 'ayam', 'bebek'];

hari.splice(2);

console.log(hari); // [ 'senin', 'selasa' ]

Tambah Beberapa Elemen

Contoh berikut akan menambahkan elemen baru tepat ke indeks 3 tanpa menghapus elemen (0).

Artinya elemen baru yang pertama akan memiliki indeks 3, dan seterusnya jika ditambahkan lebih dari satu elemen.

const hari = ['senin', 'selasa', 'rabu', 'sabtu', 'minggu'];

hari.splice(3, 0, 'kamis', 'jumat');

console.log(hari); // ['senin', 'selasa', 'rabu', 'kamis', 'jumat', 'sabtu', 'minggu'];

Hapus dan Tambah Beberapa Elemen

Contoh berikut menghapus elemen yang memiliki indeks 2, kemudian tambahkan elemen baru mulai dari indeks 2.

Singkatnya, ini mengganti elemen yang dihapus dengan elemen baru.

const hari = ['senin', 'selasa', 'ayam', 'sabtu', 'minggu'];

hari.splice(2, 1, 'rabu', 'kamis', 'jumat');

console.log(hari); // ['senin', 'selasa', 'rabu', 'kamis', 'jumat', 'sabtu', 'minggu'];