Mengenal JavaScript · Pelajaran 3 dari 10

Tipe data dan operator

9 menit baca · BelajarCode

Tipe data dasar JavaScript
TipeContohKeterangan
number42, 3.14, -7Bilangan bulat dan pecahan memakai tipe yang sama
string"halo", 'halo', atau diapit backtickTeks
booleantrue, falseBenar atau salah
undefinedundefinedVariabel yang belum diberi nilai
nullnullSengaja dikosongkan
JavaScript
1console.log(typeof 42, typeof 3.14);2console.log(typeof "halo", typeof true);3let belumDiisi;4console.log(typeof belumDiisi);
Keluaran
number number
string boolean
undefined

Operator aritmetika

JavaScript
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));
Keluaran
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

JavaScript
1console.log(Number("12") + 3);2console.log(parseInt("42 apel") + 1);3console.log(parseFloat("3.75"));4console.log(Number.isNaN(Number("dua belas")));
Keluaran
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.

JavaScript
1console.log(5 == "5", 5 === "5");2console.log(0 == false, 0 === false);3console.log(5 !== "5");
Keluaran
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.

JavaScript
1const nama = "Rani";2const nilai = 87.456;3console.log(`Halo ${nama}, nilaimu ${nilai.toFixed(1)}`);4console.log(`3 x 4 = ${3 * 4}`);
Keluaran
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.

Jalankan contoh kode di pelajaran ini tanpa instalasi lewat compiler JavaScript online.

Tandai pelajaran ini selesai

Masuk ke aplikasi untuk mencatat kemajuan, lalu lanjutkan ke pelajaran berikutnya dari perangkat mana pun.

Buka di aplikasi