Mengenal JavaScript · Pelajaran 3 dari 10
Tipe data dan operator
9 menit baca · BelajarCode
| Tipe | Contoh | Keterangan |
|---|---|---|
| number | 42, 3.14, -7 | Bilangan bulat dan pecahan memakai tipe yang sama |
| string | "halo", 'halo', atau diapit backtick | Teks |
| boolean | true, false | Benar atau salah |
| undefined | undefined | Variabel yang belum diberi nilai |
| null | null | Sengaja dikosongkan |
1console.log(typeof 42, typeof 3.14);2console.log(typeof "halo", typeof true);3let belumDiisi;4console.log(typeof belumDiisi);number number string boolean undefined
Operator aritmetika
1console.log(17 + 5, 17 - 5, 17 * 5);2console.log(17 / 5, 17 % 5, 2 ** 10);3console.log(Math.floor(17 / 5), Math.round(2.5), Math.max(4, 9, 2));22 12 85 3.4 2 1024 3 3 9
JavaScript tidak punya operator pembagian bulat. Pakai Math.floor(a / b) untuk mendapatkan hasil bagi yang dibulatkan ke bawah.
Mengubah teks menjadi angka
1console.log(Number("12") + 3);2console.log(parseInt("42 apel") + 1);3console.log(parseFloat("3.75"));4console.log(Number.isNaN(Number("dua belas")));15 43 3.75 true
Jika teks tidak bisa diubah menjadi angka, hasilnya adalah nilai khusus NaN (not a number). Number.isNaN memeriksa apakah sebuah nilai adalah NaN.
Sama dengan: == atau ===?
== mengubah tipe sebelum membandingkan, sehingga hasilnya kadang mengejutkan. === membandingkan nilai dan tipenya.
1console.log(5 == "5", 5 === "5");2console.log(0 == false, 0 === false);3console.log(5 !== "5");true false true false true
Selalu pakai === dan !==
Hampir semua panduan gaya JavaScript menyarankan === dan !==. Dengan begitu, kamu tidak terkejut oleh perubahan tipe yang otomatis.
Template literal
Teks yang diapit tanda backtick (tanda petik miring di kiri atas keyboard, biasanya di bawah tombol Esc) disebut template literal. Isi ${...} diganti dengan nilai ekspresinya.
1const nama = "Rani";2const nilai = 87.456;3console.log(`Halo ${nama}, nilaimu ${nilai.toFixed(1)}`);4console.log(`3 x 4 = ${3 * 4}`);Halo Rani, nilaimu 87.5 3 x 4 = 12
toFixed(1) membulatkan bilangan menjadi satu angka di belakang koma dan menghasilkan teks.
Cek pemahaman
Apa hasil dari "10" - 3 di JavaScript?
Latihan
Kalkulator diskon
Buat program yang menghitung harga setelah diskon 15% dari Rp240.000, lalu menampilkan hasilnya dengan template literal. Tampilkan juga besar potongannya.
Pembahasan
1const harga = 240000;2const persenDiskon = 15;3const potongan = harga * persenDiskon / 100;4console.log(`Potongan: Rp${potongan}`);5console.log(`Harga akhir: Rp${harga - potongan}`);Potongan: Rp36000 Harga akhir: Rp204000
Jalankan contoh kode di pelajaran ini tanpa instalasi lewat compiler JavaScript online.