Tujuan Belajar
Setelah pelajaran ini, kamu akan bisa:
- Menggunakan operator aritmatika, perbandingan, dan logika
- Memahami perbedaan
==dan=== - Menggunakan operator string concatenation
Materi Singkat
Operator adalah simbol yang melakukan operasi pada nilai. JavaScript punya berbagai jenis operator.
Operator Aritmatika
let a = 10;
let b = 3;
console.log(a + b); // 13 — penjumlahan
console.log(a - b); // 7 — pengurangan
console.log(a * b); // 30 — perkalian
console.log(a / b); // 3.333... — pembagian
console.log(a % b); // 1 — modulus (sisa bagi)
console.log(a ** b); // 1000 — pangkat (10³)Modulus (%) berguna untuk mengecek bilangan genap/ganjil:
console.log(10 % 2); // 0 — genap (sisa bagi nol)
console.log(7 % 2); // 1 — ganjil (sisa bagi satu)Operator Penugasan
let x = 10;
x += 5; // sama dengan: x = x + 5 → x menjadi 15
x -= 3; // x = x - 3 → x menjadi 12
x *= 2; // x = x * 2 → x menjadi 24
x /= 4; // x = x / 4 → x menjadi 6
x++; // x = x + 1 → x menjadi 7 (increment)
x--; // x = x - 1 → x menjadi 6 (decrement)Operator Perbandingan
Menghasilkan nilai boolean (true atau false):
console.log(5 > 3); // true
console.log(5 < 3); // false
console.log(5 >= 5); // true
console.log(5 <= 4); // false
console.log(5 === 5); // true — sama nilai DAN tipe
console.log(5 !== 3); // true — tidak sama== vs === — ini penting!
console.log(5 == "5"); // true — hanya cek nilai (type coercion)
console.log(5 === "5"); // false — cek nilai DAN tipe data
console.log(0 == false); // true (membingungkan!)
console.log(0 === false); // false (benar)Selalu gunakan === (strict equality). Hindari ==.
Operator Logika
Menggabungkan kondisi boolean:
// AND (&&) — true jika KEDUANYA true
console.log(true && true); // true
console.log(true && false); // false
// OR (||) — true jika SALAH SATU true
console.log(true || false); // true
console.log(false || false); // false
// NOT (!) — membalik boolean
console.log(!true); // false
console.log(!false); // trueContoh nyata:
const umur = 20;
const punyaKTP = true;
// Bisa masuk jika umur >= 17 DAN punya KTP
const bisaMasuk = umur >= 17 && punyaKTP;
console.log(bisaMasuk); // trueOperator String
// Concatenation (+) — menggabungkan string
const nama = "Budi";
const salam = "Halo, " + nama + "!";
console.log(salam); // "Halo, Budi!"
// Template literal lebih bersih
const salamBaru = `Halo, ${nama}!`;Contoh Kode
// Kalkulator nilai akhir
const nilaiUTS = 75;
const nilaiUAS = 85;
const nilaiTugas = 80;
const nilaiAkhir = (nilaiUTS * 0.3) + (nilaiUAS * 0.4) + (nilaiTugas * 0.3);
console.log(`Nilai Akhir: ${nilaiAkhir}`);
// Cek kelulusan
const batasLulus = 70;
const lulus = nilaiAkhir >= batasLulus;
console.log(`Lulus: ${lulus}`);
// Cek apakah dapat nilai A
const mendapatA = nilaiAkhir >= 85 && lulus;
console.log(`Dapat nilai A: ${mendapatA}`);
// Persentase
const totalSoal = 20;
const benar = 17;
const persentase = (benar / totalSoal) * 100;
console.log(`Skor: ${persentase}%`);
// Modulus untuk cek genap/ganjil
const angka = 15;
const genap = angka % 2 === 0;
console.log(`${angka} adalah bilangan genap: ${genap}`);Tugas Kecil
Buat kalkulator sederhana di JavaScript:
- Buat variabel
hargaBarang(angka, contoh: 150000) - Buat variabel
jumlah(angka, contoh: 3) - Buat variabel
diskonsebagai persentase desimal (contoh: 0.1 untuk diskon 10%) - Hitung
subtotal = hargaBarang * jumlah - Hitung
nilaiDiskon = subtotal * diskon - Hitung
total = subtotal - nilaiDiskon - Cetak ke console dengan format yang rapi menggunakan template literal
- Buat variabel
minimumGratis(contoh: 200000) dan cek apakah total cukup untuk gratis ongkir (total >= minimumGratis)