Kodealgo

Array Slice JavaScript: Sintaks dan Contoh Penggunaan

slice() merupakan method array di JavaScript yang berfungsi menyalin sebagian elemen array ke array baru.

Elemen yang ingin disalin ditentukan menggunakan indeks, indeks awal dan akhir. Method ini tidak mengubah array asli.

Mari kita pelajari lebih lanjut sintaks dan contoh penggunaan method array slice() JavaScript.

  1. Sintaks
  2. Contoh
    1. Menyalin Sebagian Elemen
    2. Menyalin Beberapa Elemen Terakhir
    3. Menyalin Elemen Menggunakan indexAkhir Negatif

Sintaks

slice(indexAwal, indexAkhir);

Parameter

  • indexAwal (opsional): indeks awal elemen pertama yang ingin disalin.

    Jika tidak ditentukan, slice dimulai dari 0. Jika lebih besar dari rentang indeks, array kosong akan dikembalikan.

    indexAwal dapat diisi dengan indeks negatif untuk menunjukkan offset dari akhir array, misalnya slice(-3) akan menyalin tiga elemen terakhir.

  • indexAkhir (opsional): indeks akhir elemen yang menjadi batas penyalinan, elemen yang berada tepat di indexAkhir tidak ikut disalin.

    Misalnya, slice(1, 4) menyalin elemen dengan indeks 1, 2, dan 3.

    Dapat diisi dengan indeks negatif untuk menunjukkan offset akhir array, misalnya slice(1, -2) akan menyalin elemen dari indeks 1 sampai elemen yang berada tepat sebelum 2 elemen terakhir.

    Jika tidak ditentukan atau melebihi panjang array, maka akan disalin hingga akhir (arr.length).

Nilai Kembalian

Mengembalikan array baru yang berisi elemen hasil ekstraksi atau salinan.

Contoh

Menyalin Sebagian Elemen

Misalnya di sini kita ingin menyalin array hewan mulai dari elemen yang memiliki indeks 1 sampai 3.

Hasilnya kita tampung ke variabel hewanBaru.

const hewan = ['kucing', 'bebek', 'ayam', 'kambing', 'semut'];

const hewanBaru = hewan.slice(1, 4);

console.log(hewanBaru); // [ 'bebek', 'ayam', 'kambing' ]

Karena indeksAwal adalah 1 maka elemen pertama yang disalin adalah bebek sampai elemen yang berada tepat sebelum indexAkhir dalam hal ini kambing.

Ingat, elemen yang berada tepat di indexAkhir (semut) tidak ikut disalin.

Karena method ini tidak mengubah array asli, kita perlu mendeklarasikan variabel tepat sebelum method dipanggil untuk menampung elemen yang disalin, dalam hal ini hewanBaru.

Menyalin Beberapa Elemen Terakhir Array

Untuk menyalin beberapa elemen array dari akhir kita tidak perlu menentukan indexAkhir cukup gunakan indexAwal negatif.

Contoh berikut menyalin tiga elemen terakhir dari array.

const hewan = ['kucing', 'bebek', 'ayam', 'kambing', 'semut'];

const hewanBaru = hewan.slice(-3);

console.log(hewanBaru); // [ 'ayam', 'kambing', 'semut' ]

Menyalin Elemen Menggunakan indexAkhir Negatif

indexAkhir juga dapat diisi menggunakan indeks negatif.

Contoh berikut menyalin elemen dengan indeks 1 hingga elemen yang berada tepat sebelum dua elemen terakhir array.

const hewan = ['kucing', 'bebek', 'ayam', 'kambing', 'semut'];

const hewanBaru = hewan.slice(1, -2);

console.log(hewanBaru); // [ 'bebek', 'ayam' ]
« Sebelumnya
shiftSelanjutnya »
splice