Array Dasar
Menyimpan banyak data dalam satu variabel: membuat array, mengakses index, dan method push/pop/shift/unshift.
Daftar dalam satu variabel
Array adalah tipe data untuk menyimpan daftar nilai dalam satu variabel. Daripada membuat variabel buah1, buah2, buah3, cukup satu array:
let buah = ["apel", "mangga", "jeruk"];
console.log(buah.length); // 3, jumlah isiIndex dimulai dari 0
Setiap item punya nomor urut (index) mulai dari 0, bukan 1:
let buah = ["apel", "mangga", "jeruk"];
console.log(buah[0]); // "apel", item pertama
console.log(buah[2]); // "jeruk", item terakhir
console.log(buah[5]); // undefined, index tidak adaLupa bahwa index mulai dari 0 adalah kesalahan paling umum. Item terakhir selalu di index length - 1.
Menambah dan menghapus
let antrian = ["A", "B"];
// tambah di belakang
antrian.push("C"); // ["A", "B", "C"]
// hapus dari belakang
antrian.pop(); // ["A", "B"], mengembalikan "C"
// tambah di depan
antrian.unshift("Z"); // ["Z", "A", "B"]
// hapus dari depan
antrian.shift(); // ["A", "B"], mengembalikan "Z"Ingat dengan singkatan: push/pop bekerja di belakang, shift/unshift di depan. Operasi di depan (shift/unshift) lebih lambat untuk array besar karena semua index harus digeser.
Mengubah isi
let nilai = [70, 80, 90];
nilai[1] = 85; // ubah item index 1
console.log(nilai); // [70, 85, 90]Catatan teknis: Array di JavaScript bisa berisi tipe campuran: [1, "dua", true]. Ini legal, tapi untuk kode yang rapi sebaiknya satu array berisi satu jenis data. Array campuran membuat kode sulit ditebak isinya.
for...of untuk membaca array
Untuk sekadar membaca tiap item, for...of lebih bersih daripada index manual:
let peserta = ["Rizky", "Sinta", "Budi"];
for (let nama of peserta) {
console.log("Halo, " + nama + "!");
}Butuh index juga? Pakai entries():
for (let [i, nama] of peserta.entries()) {
console.log((i + 1) + ". " + nama);
}
// 1. Rizky
// 2. Sinta
// 3. BudiPola (i + 1) untuk nomor urut mulai dari 1 sangat umum di tampilan list. Ingat: index array mulai 0 untuk mesin, tapi manusia biasanya menghitung dari 1. Sesuaikan dengan konteks tampilan.
Kesimpulan
Array adalah struktur data yang paling sering dipakai: daftar produk, antrean, hasil pencarian, semuanya array. Kuasai index dan empat method dasar ini sebelum lanjut ke method-method canggih di modul berikutnya.