Operator JS

Kuasai cara melakukan operasi matematika, penugasan nilai, perbandingan, dan logika di JavaScript menggunakan berbagai jenis operator.

16m bacaanKuis WajibMicro Badge Lesson

Jadi "Kalkulator" dan "Hakim" di JavaScript: Kenalan Sama Operator!

Udah bisa nyimpen data pake variabel? Sip! Sekarang, gimana caranya kita "ngolah" data itu? Misalnya, mau nambahin dua angka, ngecek apakah satu nilai lebih gede dari nilai lain, atau ngegabungin beberapa kondisi logika. Nah, buat ngelakuin semua itu, JavaScript nyediain yang namanya Operator.

Operator itu simbol-simbol khusus yang ngelakuin operasi tertentu ke satu, dua, atau tiga nilai (yang disebut operand), terus ngasilin nilai baru. Kayak tombol +, -, x, : di kalkulator, tapi di JavaScript operatornya lebih macem-macem!

Yuk, kita kenalan sama beberapa jenis operator penting di JavaScript:

1. Operator Aritmatika (Arithmetic Operators) - Buat Ngitung!

Ini operator yang paling sering kita temuin buat operasi matematika dasar.

Operator	Nama	Contoh Penggunaan	Hasil `x`	Deskripsi
`+`	Penjumlahan

Operator JS | Belajar JavaScript Dasar: Menghidupkan Web | Mahir.dev | Mahir.dev Academy

javascript

let hargaBuku = 50000;
let jumlahBeli = 3;
let ongkir = 10000;
 
let totalBelanja = (hargaBuku * jumlahBeli) + ongkir;
console.log("Total belanja:", totalBelanja); // Output: Total belanja: 160000
 
let angka = 10;
angka++; // sekarang angka jadi 11
console.log("Angka setelah increment:", angka);
 
let sisaKue = 7 % 3; // 7 kue dibagi ke 3 orang, sisanya berapa?
console.log("Sisa kue:", sisaKue); // Output: Sisa kue: 1

Operator	Contoh Penggunaan	Sama Dengan	Deskripsi
`=`	`x = y`	`x = y`	Ngasih nilai `y` ke `x`.
`+=`	`x += y`	`x = x + y`	Tambah dan tugaskan.
`-=`	`x -= y`	`x = x - y`	Kurang dan tugaskan.
`*=`	`x *= y`	`x = x * y`	Kali dan tugaskan.
`/=`	`x /= y`	`x = x / y`	Bagi dan tugaskan.
`%=`	`x %= y`	`x = x % y`	Modulus dan tugaskan.
`**=`	`x **= y`	`x = x ** y`	Pangkat dan tugaskan.

javascript

let skor = 100;
skor += 50; // sama kayak skor = skor + 50;
console.log("Skor sekarang:", skor); // Output: Skor sekarang: 150
 
let sisaStok = 20;
sisaStok -= 5; // sama kayak sisaStok = sisaStok - 5;
console.log("Sisa stok:", sisaStok); // Output: Sisa stok: 15

Operator	Nama	Contoh Penggunaan	Hasil `x`	Deskripsi
`==`	Sama Dengan (Loose Equality)	`let x = (5 == "5");`	`true`	Ngecek apakah nilainya sama, ngelakuin konversi tipe data kalau perlu. Hati-hati pakenya!
`===`	Sama Dengan Persis (Strict Equality)	`let x = (5 === "5");`	`false`	Ngecek apakah nilainya sama DAN tipe datanya juga sama. Ini yang lebih aman dan direkomendasikan!
`!=`	Tidak Sama Dengan (Loose)	`let x = (5 != "5");`	`false`	Kebalikan `==`. Juga ngelakuin konversi tipe.
`!==`	Tidak Sama Dengan Persis (Strict)	`let x = (5 !== "5");`	`true`	Kebalikan `===`. Ngecek nilai dan tipe. Lebih aman!
`>`	Lebih Besar Dari	`let x = (10 > 5);`	`true`
`<`	Lebih Kecil Dari	`let x = (10 < 5);`	`false`
`>=`	Lebih Besar Dari atau Sama Dengan	`let x = (5 >= 5);`	`true`
`<=`	Lebih Kecil Dari atau Sama Dengan	`let x = (5 <= 4);`	`false`

javascript

let umurBudi = 20;
let umurAni = 22;
 
console.log("Apakah umur Budi sama dengan 20?", umurBudi === 20); // Output: true
console.log("Apakah umur Ani lebih tua dari Budi?", umurAni > umurBudi); // Output: true
console.log("Apakah '10' sama dengan 10 (pake ==)?", "10" == 10); // Output: true (karena konversi tipe)
console.log("Apakah '10' sama persis dengan 10 (pake ===)?", "10" === 10); // Output: false (tipe beda)

Operator	Nama	Contoh Penggunaan	Hasil `x`	Deskripsi
`&&`	DAN (AND)	`let x = (true && false);`	`false`	Hasilnya `true` cuma kalau kedua operand `true`.
`		`	ATAU (OR)	`let x = (true
`!`	TIDAK (NOT)	`let x = !true;`	`false`	Ngebalikin nilai boolean operandnya.

javascript

let punyaSIM = true;
let umurCukup = 18;
let usiaPengemudi = 20;
 
let bolehMenyetir = punyaSIM && (usiaPengemudi >= umurCukup);
console.log("Boleh menyetir?", bolehMenyetir); // Output: Boleh menyetir? true
 
let hariLibur = false;
let cuacaCerah = true;
let bisaPiknik = hariLibur || cuacaCerah;
console.log("Bisa piknik?", bisaPiknik); // Output: Bisa piknik? true (karena cuaca cerah)
 
let lampuMenyala = true;
console.log("Apakah lampu mati?", !lampuMenyala); // Output: Apakah lampu mati? false

javascript

let namaDepan = "Budi";
let namaBelakang = "Sanjaya";
let namaLengkap = namaDepan + " " + namaBelakang; // Tambahin spasi di tengah
console.log(namaLengkap); // Output: Budi Sanjaya
 
let pesan = "Umur saya " + 25 + " tahun."; // Angka 25 dikonversi jadi string
console.log(pesan); // Output: Umur saya 25 tahun.

javascript

let usia = 17;
let status = (usia >= 18) ? "Dewasa" : "Anak-anak";
console.log("Status:", status); // Output: Status: Anak-anak
 
let adaDiskon = true;
let harga = 100000;
let hargaFinal = harga - (adaDiskon ? 20000 : 0); // Kalau ada diskon, kurangin 20rb, kalau gak, kurangin 0
console.log("Harga final:", hargaFinal); // Output: Harga final: 80000

Operator JS

Jadi "Kalkulator" dan "Hakim" di JavaScript: Kenalan Sama Operator!

1. Operator Aritmatika (Arithmetic Operators) - Buat Ngitung!

2. Operator Penugasan (Assignment Operators) - Ngasih Nilai ke Variabel

3. Operator Perbandingan (Comparison Operators) - Ngebandingin Dua Nilai

4. Operator Logika (Logical Operators) - Ngegabungin Kondisi Boolean

5. Operator String (`+`) - Gabungin Teks

6. Operator Ternary (Conditional Operator) - `if/else` Versi Singkat

Prioritas Operator (Operator Precedence)

Kuis Operator JavaScript

Diskusi Pelajaran

Operator JS

Jadi "Kalkulator" dan "Hakim" di JavaScript: Kenalan Sama Operator!

1. Operator Aritmatika (Arithmetic Operators) - Buat Ngitung!

2. Operator Penugasan (Assignment Operators) - Ngasih Nilai ke Variabel

3. Operator Perbandingan (Comparison Operators) - Ngebandingin Dua Nilai

4. Operator Logika (Logical Operators) - Ngegabungin Kondisi Boolean

5. Operator String (+) - Gabungin Teks

6. Operator Ternary (Conditional Operator) - if/else Versi Singkat

Prioritas Operator (Operator Precedence)

Kuis Operator JavaScript

Diskusi Pelajaran

5. Operator String (`+`) - Gabungin Teks

6. Operator Ternary (Conditional Operator) - `if/else` Versi Singkat