Dasar Array — JavaScript

Coba simpen daftar 5 nama temen di JavaScript pake variabel terpisah: nama1, nama2, nama3, nama4, nama5. Berantakan, susah loop. Solusinya: array — satu…

Array adalah satu variabel yang menyimpan daftar nilai berurutan, misalnya daftar nama teman atau daftar harga. Tiap isi punya nomor urut yang disebut index. Dengan array, kamu gak perlu bikin nama1, nama2, nama3 satu per satu.

🧪 Tebakan cepat: isi pertama sebuah array dibaca pakai arr[1] atau arr[0]? Tebak dulu, jawabannya ada di bagian "Membaca isi lewat index".

Membaca isi lewat index

const buah = ["apel", "mangga", "jeruk"];

console.log(buah[0]);     // apel
console.log(buah[1]);     // mangga
console.log(buah[2]);     // jeruk
console.log(buah[5]);     // undefined
console.log(buah.length); // 3

Isi terakhir selalu ada di index length - 1, jadi buah[buah.length - 1] adalah "jeruk". Jawaban tebakan: arr[0].

Menambah dan membuang di akhir: push dan pop

const angka = [10, 20];

const panjangBaru = angka.push(30);
console.log(angka);       // [10, 20, 30]
console.log(panjangBaru); // 3

const dibuang = angka.pop();
console.log(dibuang);     // 30
console.log(angka);       // [10, 20]

Array di const tetap boleh diubah isinya. const cuma melarang variabelnya diganti dengan array lain.

Menambah dan membuang di awal: unshift dan shift

const antre = ["Budi", "Citra"];

antre.unshift("Ani");
console.log(antre);        // ["Ani", "Budi", "Citra"]
console.log(antre.length); // 3

const pertama = antre.shift();
console.log(pertama);      // Ani
console.log(antre);        // ["Budi", "Citra"]

Mengecek isi: includes

const nama = ["Ani", "Budi"];

console.log(nama.includes("Budi")); // true
console.log(nama.includes("Dodi")); // false
console.log(nama.includes("budi")); // false

includes(x) menjawab true kalau x ada di array, dan false kalau gak. Hurufnya harus persis sama, jadi "budi" gak ketemu.

⚠️ Jebakan yang sering ketemu

TL;DR: Array ditulis ["a", "b", "c"]. Index mulai dari 0, jadi isi pertama arr[0] dan isi kedua arr[1]. arr.length adalah jumlah isi, tanpa kurung, dan isi terakhir di arr[arr.length - 1]. push menambah di akhir dan mengembalikan jumlah isi yang baru, pop membuang di akhir. unshift dan shift melakukan hal yang sama di awal. includes(x) menjawab true atau false.

Yang akan kamu pelajari