Materi java script
🧠 Apa Itu Tipe Data Number di JavaScript?
Di JavaScript, tipe data number dipakai buat angka, dan uniknya: semua angka dihitung sebagai
floating-point (pecahan), baik itu bilangan bulat (integer) maupun desimal.
Contoh:
let umur = 21; // integer
let suhu = 36.6; // floating point
let saldo = -15000; // negatif juga bisa
🔢 Operasi Dasar dengan Number
Kita bisa pakai operasi matematika biasa:
Operasi Simbol Contoh Hasil
Tambah + 10 + 5 15
Kurang - 10 - 5 5
Kali * 10 * 5 50
Bagi / 10 / 2 5
Modulus % 10 % 3 1
Pangkat ** 2 ** 3 8
Contoh kode:
let a = 10;
let b = 3;
console.log(a + b); // 13
console.log(a % b); // 1
console.log(a ** b); // 1000
💡 Hal Unik tentang Number di JavaScript
1. Bilangan Desimal Bisa Aneh
console.log(0.1 + 0.2); // Hasilnya 0.30000000000000004
Ini karena JavaScript pakai floating point binary (standar IEEE 754), jadi kadang hasil
perhitungan desimal jadi agak meleset.
2. Infinity, -Infinity, dan NaN
console.log(1 / 0); // Infinity
console.log(-1 / 0); // -Infinity
console.log("halo" * 2); // NaN (Not a Number)
NaN itu muncul kalau kamu melakukan operasi yang hasilnya bukan angka.
🧪 Coba Sendiri! (Latihan)
Mau coba jawab dulu? Kalau kamu mau latihan, coba tulis kode dan prediksi hasilnya:
let x = 7;
let y = 2;
console.log(x / y);
console.log(x % y);
console.log("5" * 2); // hmm?
console.log("lima" * 2); // dan ini?
Kalau udah oke sama topik ini, kita lanjut ke boolean ya? Tapi kalau masih ada yang bikin
bingung soal number, tanya aja langsung!
Mantap! Senang dengarnya kamu udah paham soal number. Yuk lanjut ke tipe data boolean —
simpel tapi penting banget buat logika di JavaScript 💡
✅ Apa Itu Boolean?
Tipe data boolean cuma punya dua nilai:
true → artinya benar
false → artinya salah
Contoh:
let sudahMakan = true;
let lagiLapar = false;
🔄 Boolean Biasanya Digunakan di:
1. Kondisi (if/else)
let hujan = true;
if (hujan) {
console.log("Bawa payung!");
} else {
console.log("Ga usah bawa payung.");
}
2. Hasil Perbandingan
Kita bisa dapat boolean dari operasi perbandingan:
Operasi Simbol Contoh Hasil
Sama == 5 == 5 true
Tidak sama != 5 != 3 true
Lebih besar > 10 > 7 true
Lebih kecil < 3 < 1 false
Lebih besar/sama >= 5 >= 5 true
Lebih kecil/sama <= 4 <= 6 true
Contoh:
let umur = 18;
let bisaVote = umur >= 17;
console.log(bisaVote); // true
❗Perbandingan Ketat: === vs ==
== membandingkan nilai saja
=== membandingkan nilai dan tipe data
console.log(5 == "5"); // true
console.log(5 === "5"); // false
🧪 Coba Sendiri! (Latihan Boolean)
Coba tebak hasil dari kode di bawah ini:
let nilai = 70;
console.log(nilai > 75); // ?
console.log(nilai == "70"); // ?
console.log(nilai === "70"); // ?
console.log(nilai != 70); // ?
🧵 Apa Itu Tipe Data String?
String adalah tipe data untuk menyimpan teks — bisa huruf, angka, simbol, bahkan emoji.
Contoh:
let nama = "Rifky";
let salam = 'Halo!';
let pesan = `Selamat datang, ${nama}`;
Kamu bisa pakai tanda petik "double quotes", 'single quotes', atau backtick (`). Tapi masing-
masing ada fungsinya.
🧪 Cara Menulis String
let kata1 = "Belajar JavaScript";
let kata2 = 'Mantap!';
let kata3 = `Hari ini hari ${new Date().getDay()}`; // ini pakai template
🎯 Operasi Umum pada String
1. Menggabungkan (Concatenation)
let namaDepan = "Rifky";
let namaBelakang = "Athaya";
let namaLengkap = namaDepan + " " + namaBelakang;
console.log(namaLengkap); // Rifky Athaya
2. Template String (dengan backtick `)
Ini cara modern yang lebih rapi.
let umur = 20;
let pesan = `Halo, umur saya ${umur} tahun.`;
console.log(pesan);
3. Mengecek Panjang String
let teks = "Halo Dunia";
console.log(teks.length); // 10
4. Mengakses Karakter
let kata = "Halo";
console.log(kata[0]); // H
console.log(kata.charAt(1)); // a
5. Method Populer di String
Method Fungsi
toUpperCase() Ubah jadi huruf besar
toLowerCase() Ubah jadi huruf kecil
includes() Cek apakah string mengandung kata tertentu
startsWith() Cek apakah diawali kata tertentu
endsWith() Cek apakah diakhiri kata tertentu
replace() Ganti teks
trim() Hilangkan spasi di awal dan akhir
Contoh:
let teks = " belajar js ";
console.log(teks.trim()); // "belajar js"
console.log(teks.includes("js")); // true
🧪 Coba Tebak Hasilnya!
let kalimat = "Belajar JavaScript itu seru!";
console.log(kalimat.length); // ?
console.log(kalimat.includes("seru")); // ?
console.log(kalimat.toUpperCase()); // ?
console.log(`Panjang kalimat: ${kalimat.length}`); // ?
