🎨

Frontend Fundamentals

Kursus Gratis — Fullstack Talent

04

Pabrik Kalkulasi: Operator & Ekspresi

📖 12 menit baca 🏷️ Dasar-dasar JS

Kita sudah tahu memori wadah (Variabel) dan apa isinya (Tipe Data). Langkah selanjutnya: Bagaimana cara mencampur, menghitung, dan membandingkan isi wadah-wadah tersebut?

Di dunia pemrograman, simbol seperti `+`, `-`, atau `>` disebut sebagai Operator. Sedangkan gabungan dari Variabel dan Operator (misal: `harga + pajak`) disebut sebagai sebuah Ekspresi yang akan selalu menghasilkan sebuah Nilai Baru.

🧮 1. Operator Aritmatika Dasar

Persis sama seperti pelajaran Matematika di Sekolah Dasar, tetapi ada beberapa simbol aneh dari dunia Komputer yang harus kamu kenali.

Matematika Normal

Penjumlahan let x = 10 + 5; // 15
Pengurangan let x = 10 - 5; // 5
Perkalian (Bintang) let x = 10 * 5; // 50
Pembagian (Garis miring) let x = 10 / 5; // 2
Khas Hacker

Aritmatika Komputer

Sisa Bagi (Modulo) % 10 % 3; // Hasilnya 1
10 dibagi 3 = 9. Sisa angkanya (10-9) adalah 1. Sangat berguna mencari Angka Genap/Ganjil!
Pangkat Kuadrat ** 3 ** 2; // Hasilnya 9
Artinya 3 pangkat 2 (3 x 3).

⚖️ 2. Sang Pembanding (Comparison)

Komponen paling krusial dalam pemrograman adalah membandingkan Data. Jika saldo lebih besar (`>`) dari harga, beli! Jika kata sandi sama dengan (`===`) sandi asli, login! Operator pembanding akan selalu menghasilkan jawaban pasti: true (Benar) atau false (Salah).

Lebih Besar / Lebih Kecil
100 > 50 => true
Lebih Besar / Sama Dengan
100 >= 100 => true
Perhatian Ekstra! Pertanyaan Tersulit Programmer Pemula:
Sama Dengan (Ganda) Penuh Toleransi
"5" == 5 => true
Sama Dengan (Tripel) Amat Galak (Sangat Disarankan!) "5" === 5 => false!

Penyebab: == memaksa merubah Teks ("5") menjadi Angka (5) secara kasatmata, padahal tipe data mereka beda. Sedangkan === benar-benar galak memeriksa Tipe Data + Isinya. Selalu gunakan === di industri!

🛡️ 3. Penjaga Gerbang (Logical Operator)

Seringkali kita menemui syarat berlapis. Contoh syarat KPR Rumah: Umurmu gajinya di atas UMR DAN tidak punya hutang Pinjol. Kita butuh menggabungkan beberapa Ekspresi pembanding menjadi satu konklusi tunggal yang padu lewat Logika AND (`&&`) serta Logika OR (`||`).

&&

Gerbang AND (Dan)

Mewajibkan SEMUA syarat di kiri dan kanannya bernilai Benar (true).

true && true => true
true && false => false!
||

Gerbang OR (Atau)

Sangat longgar. Cukup SALAH SATU saja yang bernilai Benar (true), ia meloloskannya.

true || false => true!
false || false => false

🤯 4. Fenomena Aneh: Penjumlahan String (Concat)

Simbol Matematika + akan bertindak sangat membingungkan saat ia bertemu dengan Tipe Data String (Teks). Bukannya berhitung matematika, ia malah bertugas sebagai Lem Super (*Concatenation*) yang merekatkan dua kata!

Bahan Candaan Meme Global

Jika sebuah Angka dijejerkan dan ditabrak dengan Teks menggunakan `+`, Javascript membuang semua ilmu matematikanya dengan panik dan merubah Angka tersebut menjadi debu Teks!

😂 5 + 5 => 10
5 + "5" => "55"

💡 Tips Industri: Template Literals (Backtick)

Di masa lalu, Programmer JS tersiksa menyambung belasan teks dan variabel dengan simbol `+`. (Contoh: "Halo " + nama + ", skor anda: " + skor + " poin.").

Teknik paling modern (ES6) adalah menggunakan kurung kutip miring ke belakang (Backtick: `...`). Cukup serap Variabel menembus teks menggunakan penjepit ``${...}``!

// Anggun, bebas Spasi yang membingungkan, sangat Modern!
const ucapan = `Halo ${namaUser}, skor anda: ${skor} poin.`;