Variabel: kotak penyimpan nilai

Kalau tiap kali butuh nama kamu harus menulis ulang 'Rani', repot. Lebih enak disimpan sekali, lalu dipanggil dengan sebutan pendek. Tempat menyimpan itulah variabelVariabelKotak berlabel di dalam program untuk menyimpan sebuah nilai yang bisa diganti.Penjelasan lengkap →.

Membuat variabel

const nama = 'Rani';
let umur = 17;

console.log(nama);
console.log(umur);

Urutannya: kata kunci (const atau let), nama, tanda =, lalu isinya. Tanda = di sini bukan “sama dengan” seperti di matematika. Artinya “simpan ke dalam”: simpan 'Rani' ke dalam kotak nama.

Bedanya dua kata kunci itu:

let skor = 0;
skor = skor + 10;
console.log(skor); // 10

Perhatikan baris kedua: skor = skor + 10 artinya “ambil isi skor, tambah 10, simpan lagi ke skor”. Saat mengganti isi, jangan tulis let lagi.

Aturan nama

• Boleh huruf, angka, dan garis bawah, tapi tidak boleh diawali angka.
• Tidak boleh pakai spasi. Gabung dengan huruf besar di tengah: namaDepan, totalBelanja. Gaya ini disebut camelCase (punuk unta).
• Huruf besar dan kecil dibedakan (case-sensitiveCase sensitiveMembedakan huruf besar dan huruf kecil, jadi total dan Total dianggap dua nama yang berbeda.Penjelasan lengkap →): nama dan Nama adalah dua kotak yang berbeda.
• Pilih nama yang menjelaskan isinya. hargaBakso jauh lebih jelas daripada x.

Tiga jenis nilai yang paling sering

Tiap nilai punya jenis, disebut tipe dataTipe dataJenis isi sebuah data, misalnya angka atau teks.Penjelasan lengkap →:

Perbedaannya penting. Tebak hasil dua baris ini:

console.log('5' + '5');
console.log(5 + 5);

Hasilnya 55 dan 10. Teks yang dijumlahkan disambung, angka yang dijumlahkan dihitung. Inilah sebabnya apa pun dari kotak isian harus dibungkus Number(...) dulu, seperti di Bab 5.

Hitungan yang dipakai: + tambah, - kurang, * kali, / bagi.

Menyusun kalimat dengan template string

Menyambung teks dan variabel pakai + cepat bikin pusing:

console.log('Halo, ' + nama + '! Umurmu ' + umur + ' tahun.');

Ada cara yang lebih rapi. Bungkus kalimat dengan tanda backtick (`, tombol di kiri angka 1 di keyboard), lalu selipkan variabel di dalam ${ }:

console.log(`Halo, ${nama}! Umurmu ${umur} tahun.`);

Bahkan hitungan boleh diselipkan: ${umur + 1}. Cara ini disebut template string. Kamu akan sering memakainya.

Coba sendiri

Isi tiga variabel, lalu rangkai jadi satu kalimat perkenalan.

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Variabel</title>
</head>
<body>
  <p>Lihat panel Console di bawah.</p>
  <script>
    const nama = 'Rani';
    const kota = 'Bandung';
    let umur = 17;

    // Tantangan 1: ganti isi tiga variabel di atas dengan datamu
    // Tantangan 2: console.log kalimat perkenalan pakai template string
    // Tantangan 3: console.log umurmu tahun depan (pakai ${umur + 1})
  </script>
</body>
</html>

Tantangannya:

1. Ganti isi variabel nama, kota, dan umur dengan datamu sendiri.
2. Tulis console.log yang memakai template string untuk mencetak: Halo, aku (nama) dari (kota), umurku (umur) tahun.
3. Cetak juga umurmu tahun depan dengan menyelipkan ${umur + 1}.