Basic JavaScript: Dari Nol sampai Proyek Pertama3/10

Bab 3 dari 10

Operator dan Percabangan

Operator menggabungkan atau membandingkan nilai. Percabangan menentukan kode mana yang dijalankan berdasarkan kondisi.

Operator aritmetika

Code
const a = 10;
const b = 3;

console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.333...
console.log(a % b); // 1
console.log(a ** b); // 1000

Operator modulo % berguna untuk memeriksa bilangan genap.

Code
const angka = 8;
console.log(angka % 2 === 0); // true

Perbandingan yang ketat

Gunakan === dan !== agar tipe ikut dibandingkan.

Code
console.log(5 === 5);   // true
console.log(5 === "5"); // false
console.log(10 > 7);    // true

Operator logika

  • &&: semua kondisi harus benar;
  • ||: minimal satu kondisi benar;
  • !: membalik boolean.
Code
const sudahLogin = true;
const adalahAdmin = false;

console.log(sudahLogin && adalahAdmin); // false
console.log(sudahLogin || adalahAdmin); // true
console.log(!sudahLogin);               // false

if, else if, dan else

Code
const nilai = 82;

if (nilai >= 90) {
  console.log("A");
} else if (nilai >= 80) {
  console.log("B");
} else if (nilai >= 70) {
  console.log("C");
} else {
  console.log("Perlu belajar lagi");
}

Urutkan kondisi dari yang paling spesifik atau paling tinggi.

Ternary

Untuk dua pilihan sederhana:

Code
const umur = 19;
const status = umur >= 17 ? "Dewasa" : "Anak";

Jangan memakai ternary bertingkat untuk logika panjang karena sulit dibaca.

Latihan: ongkos kirim

Buat perhitungan dengan aturan:

  • belanja minimal Rp200.000 mendapat gratis ongkir;
  • member dengan belanja minimal Rp100.000 mendapat gratis ongkir;
  • selain itu ongkir Rp20.000.

Uji minimal tiga kombinasi nilai berbeda.