Basic JavaScript: Dari Nol sampai Proyek Pertama2/10

Bab 2 dari 10

Variabel dan Tipe Data

Program bekerja dengan data. Variabel memberi nama pada data agar dapat dibaca dan digunakan kembali.

const dan let

Gunakan const ketika referensi variabel tidak akan diganti dan let ketika nilainya memang perlu berubah.

Code
const nama = "Alya";
let umur = 17;

umur = 18;
console.log(nama, umur);

Hindari var pada kode modern karena cakupannya lebih sulit diprediksi.

Tipe data primitif

Code
const judul = "Dasar JavaScript"; // string
const harga = 75000;              // number
const tersedia = true;            // boolean
const catatan = null;              // null
let hasil;                         // undefined

Periksa tipe dengan typeof:

Code
console.log(typeof judul);    // string
console.log(typeof harga);    // number
console.log(typeof tersedia); // boolean

String dan template literal

Template literal memakai backtick dan dapat menyisipkan ekspresi.

Code
const nama = "Bima";
const skor = 92;
const pesan = `Halo ${nama}, skormu ${skor}.`;

console.log(pesan);

Konversi tipe

Nilai dari input HTML biasanya berupa string.

Code
const inputUmur = "20";
const umur = Number(inputUmur);

console.log(umur + 1); // 21
console.log(String(100));
console.log(Boolean(1)); // true

Periksa angka yang tidak valid dengan Number.isNaN.

Code
const nilai = Number("abc");
console.log(Number.isNaN(nilai)); // true

Aturan penamaan

Gunakan nama yang menjelaskan isi:

Code
const totalBelanja = 150000;
const namaPengguna = "Nadia";

Hindari nama seperti x, data1, atau singkatan yang tidak jelas.

Latihan

Buat variabel untuk nama produk, harga, jumlah, dan status ketersediaan. Hitung total lalu tampilkan kalimat berikut dengan template literal:

Produk Keyboard sebanyak 2 memiliki total harga Rp500000.

Variabel dan Tipe Data · Basic JavaScript: Dari Nol sampai Proyek Pertama