Array Methods Dasar: Manipulasi Data Secara Dinamis

Setelah Anda mengetahui cara membuat array dan mengakses datanya, langkah krusial selanjutnya adalah mengetahui cara memanipulasi isi array tersebut. Data di dunia nyata tidak statis; data selalu bertambah, berkurang, atau berubah urutannya.

JavaScript menyediakan alat bawaan yang disebut Array Methods untuk melakukan tugas-tugas ini dengan sangat mudah. Mari kita pelajari 6 method paling dasar yang wajib Anda kuasai.

1. Manipulasi dari Belakang (Ujung Array)

Operasi ini paling sering digunakan karena menambahkan atau menghapus data dari posisi paling belakang tidak akan mengacaukan urutan (index) data yang sudah ada di depannya.

• push(): Menambahkan Data Baru

  • Fungsi: Memasukkan satu atau lebih elemen baru ke posisi paling belakang dari array.

  • Contoh:

    JavaScript

    let keranjang = ["Buku", "Pena"];
    keranjang.push("Penghapus"); // keranjang sekarang: ["Buku", "Pena", "Penghapus"]
    

• pop(): Menghapus Data Terakhir

  • Fungsi: Mengeluarkan dan menghapus elemen paling belakang dari array.

  • Contoh:

    JavaScript

    let keranjang = ["Buku", "Pena", "Penghapus"];
    let barangDihapus = keranjang.pop(); // keranjang sekarang: ["Buku", "Pena"]
    // barangDihapus berisi: "Penghapus"
    

2. Manipulasi dari Depan (Awal Array)

Operasi ini mengubah data dari posisi awal (index 0). Catatan performa: Menggunakan method ini pada array yang datanya ribuan bisa sedikit membebani memori karena komputer harus menggeser ulang semua nomor index elemen di belakangnya.

• unshift(): Menyelipkan Data di Awal

  • Fungsi: Menambahkan satu atau lebih elemen baru ke posisi paling depan.

  • Contoh:

    JavaScript

    let antrean = ["Budi", "Andi"];
    antrean.unshift("Siti");
    // antrean sekarang: ["Siti", "Budi", "Andi"]
    

• shift(): Menghapus Data Pertama

  • Fungsi: Mengeluarkan dan menghapus elemen paling depan dari array.

  • Contoh:

    JavaScript

    let antrean = ["Siti", "Budi", "Andi"];
    let dipanggil = antrean.shift();
    // antrean sekarang: ["Budi", "Andi"]
    // dipanggil berisi: "Siti"
    

3. Splice vs Slice (Modifikasi vs Fotokopi)

Ini adalah dua method yang paling sering membuat pemula tertukar karena namanya mirip.

• splice(): Operasi Bedah (Mengubah Array Asli)

  • Fungsi: Bisa digunakan untuk menambah, menghapus, atau mengganti elemen di posisi mana saja di dalam array.

  • Sintaks: array.splice(indexMulai, jumlahDihapus, itemBaru1, itemBaru2...)

  • Contoh (Menghapus di tengah):

    JavaScript

    let bulan = ["Jan", "Feb", "Mar", "Apr"];
    bulan.splice(1, 2); // Mulai dari index 1, hapus 2 elemen
    // bulan sekarang: ["Jan", "Apr"]
    

  • Contoh (Menyisipkan di tengah):

    JavaScript

    let huruf = ["A", "D"];
    huruf.splice(1, 0, "B", "C"); // Mulai index 1, hapus 0, tambahkan "B", "C"
    // huruf sekarang: ["A", "B", "C", "D"]
    

• slice(): Memotong Kue (Tidak Mengubah Array Asli)

  • Fungsi: Mengambil sebagian elemen dari array dan menyalinnya menjadi array baru yang terpisah. Array aslinya tetap utuh (tidak berubah).

  • Sintaks: array.slice(indexMulai, indexAkhir) (Catatan: elemen pada indexAkhir tidak ikut diambil).

  • Contoh:

 let hewan = ["Kucing", "Anjing", "Burung", "Ikan"]; let peliharaanDarat = hewan.slice(0, 2); // Ambil dari index 0 sampai SEBELUM index 2 // peliharaanDarat: ["Kucing", "Anjing"] // hewan: TETAP ["Kucing", "Anjing", "Burung", "Ikan"] ``` --- ### Tabel Ringkasan Array Methods Dasar | Method | Posisi Efek | Mengubah Array Asli (Mutasi)? | Fungsi Utama |
| :--- | :--- | :--- | :--- |
| **`push()`** | Belakang | **Ya** | Menambah elemen di akhir. |
| **`pop()`** | Belakang | **Ya** | Menghapus elemen di akhir. |
| **`unshift()`**| Depan | **Ya** | Menambah elemen di awal. |
| **`shift()`** | Depan | **Ya** | Menghapus elemen di awal. |
| **`splice()`** | Bebas (Index) | **Ya** | Menambah/menghapus/mengganti di tengah. |
| **`slice()`** | Bebas (Index) | Tidak | Menyalin (fotokopi) sebagian array. | ### Kesimpulan
Dengan keenam alat ini (`push`, `pop`, `shift`, `unshift`, `splice`, `slice`), Anda sudah memiliki kendali penuh untuk mengelola struktur data yang sederhana maupun kompleks. Pastikan Anda mengingat perbedaan utama antara `splice` (mengubah data asli secara destruktif) dan `slice` (membuat salinan data baru secara aman).