JavaScript - Operators

Hai there, bakal pelajar JavaScript! Saya begitu gembira untuk menjadi pandu anda dalam perjalanan yang menarik ke dunia operator JavaScript. Sebagai seseorang yang telah mengajar pengkomputeran selama bertahun-tahun, saya dapat katakan kepada anda bahawa memahami operator adalah seperti belajar salam rahasia dunia pengcodingan. Jadi, mari kita masuk dan membongkar misteri ini bersama!

Apa Itu Operator?

Sebelum kita melompat ke hal yang mendalam, mari kita mulakan dengan asas. Dalam JavaScript, operator adalah simbol khas yang digunakan untuk melakukan operasi pada operan (nilaian dan pembolehubah). Anggap operator sebagai kata kerja dalam bahasa pengkomputeran - mereka adalah tindakan yang membuat hal-hal berlaku!

Sebagai contoh, dalam ungkapan 2 + 3, simbol + adalah operator, manakala 2 dan 3 adalah operan. Mudah, kan?

Operator Aritmetik JavaScript

Sekarang, mari kita bicarakan tentang operator aritmetik. Ini adalah keahlian utama operasi matematik dalam JavaScript. Ingat kelas matematik yang anda ambil? Well, saatnya untuk menggosok pengetahuan itu!

Berikut adalah jadual operator aritmetik:

Operator	Keterangan	Contoh
+	Penambahan	5 + 3 = 8
-	Penolakan	5 - 3 = 2
*	Perkalian	5 * 3 = 15
/	Pembahagian	15 / 3 = 5
%	Modulus (Baki)	5 % 2 = 1
++	Increment	Let x = 5; x++; (Sekarang x adalah 6)
--	Decrement	Let x = 5; x--; (Sekarang x adalah 4)

Mari kita lihat ini dalam tindakan:

let a = 10;
let b = 5;

console.log(a + b); // Output: 15
console.log(a - b); // Output: 5
console.log(a * b); // Output: 50
console.log(a / b); // Output: 2
console.log(a % b); // Output: 0

a++; // a sekarang 11
console.log(a); // Output: 11

b--; // b sekarang 4
console.log(b); // Output: 4

Setiap baris dalam snippet kod ini menunjukkan bagaimana operator ini bekerja. Operator modulus (%) mungkin baru bagi sesetengah orang - dia memberikan baki selepas pembahagian. Ia sangat berguna ketika anda perlu memeriksa sama ada nombor adalah genap atau ganjil!

Operator Perbandingan JavaScript

Berikutnya, kita ada operator perbandingan. Ini seperti hakim dalam pertandingan pengkomputeran - mereka membandingkan nilai dan mengembalikan true atau false. Mereka adalah penting untuk membuat keputusan dalam kod anda.

Berikut adalah jadual operator perbandingan:

Operator	Keterangan	Contoh
==	Sama dengan	5 == 5 mengembalikan true
===	Sama seperti (nilaian dan jenis)	5 === "5" mengembalikan false
!=	Tidak sama dengan	5 != 3 mengembalikan true
!==	Tidak sama seperti	5 !== "5" mengembalikan true
>	Lebih besar daripada	5 > 3 mengembalikan true
<	Kurang daripada	5 < 3 mengembalikan false
>=	Lebih besar atau sama dengan	5 >= 5 mengembalikan true
<=	Kurang daripada atau sama dengan	5 <= 3 mengembalikan false

Mari kita lihat ini dalam tindakan:

let x = 5;
let y = "5";

console.log(x == y);  // Output: true
console.log(x === y); // Output: false
console.log(x != y);  // Output: false
console.log(x !== y); // Output: true
console.log(x > 3);   // Output: true
console.log(x < 10);  // Output: true
console.log(x >= 5);  // Output: true
console.log(x <= 4);  // Output: false

Perhatikan perbezaan antara == dan ===. Triple sama (===) memeriksa nilai dan jenis, manakala double sama (==) hanya memeriksa nilai. Ini adalah sumber biasaan bug bagi pemula, jadi sentiasa berhati-hati tentang yang mana anda gunakan!

Operator Logik JavaScript

Operator logik adalah pengambil keputusan dalam JavaScript. Mereka membantu anda gabungkan beberapa syarat dan membuat keputusan kompleks. Anggap mereka sebagai tua bijak dunia pengcodingan, memandu kod anda untuk membuat keputusan yang betul.

Berikut adalah jadual operator logik:

Operator	Keterangan	Contoh
&&	Logik AND	(x > 0 && x < 10)
||	Logik OR	(x === 5 || y === 5)
!	Logik NOT	!(x === y)

Mari kita lihat ini dalam tindakan:

let a = 5;
let b = 10;

console.log(a > 0 && b < 20);  // Output: true
console.log(a > 10 || b === 10);  // Output: true
console.log(!(a === b));  // Output: true

Operator && mengembalikan true hanya jika kedua-dua syarat adalah true. Operator || mengembalikan true jika sekurang-kurangnya satu syarat adalah true. Operator ! membalikkan nilai boolean - dia mengubah true kepada false dan false kepada true.

Operator Bitwise JavaScript

Sekarang, kita memasuki realm operator bitwise. Operator ini bekerja pada bit nilai integer. Mereka seperti agen rahsia dunia pengcodingan - jarang digunakan, tetapi sangat kuat ketika diperlukan.

Berikut adalah jadual operator bitwise:

Operator	Keterangan
&	Bitwise AND
|	Bitwise OR
^	Bitwise XOR
~	Bitwise NOT
<<	Left shift
>>	Sign-propagating right shift
>>>	Zero-fill right shift

Operator ini agak majuk, jadi jangan bimbang jika mereka kelihatan membingungkan pada permulaan. Sebagai anda terus maju dalam perjalanan JavaScript anda, anda akanjumpa situasi di mana mereka berguna.

Operator Penugasan JavaScript

Operator penugasan digunakan untuk menugaskan nilai kepada pembolehubah. Mereka seperti pengangkut dalam dunia pengcodingan - mereka meletakkan hal-hal di tempat mereka.

Berikut adalah jadual operator penugasan:

Operator	Keterangan	Contoh
=	Penugasan	x = 5
+=	Penambahan penugasan	x += 3 adalah sama seperti x = x + 3
-=	Penolakan penugasan	x -= 3 adalah sama seperti x = x - 3
*=	Perkalian penugasan	x = 3 adalah sama seperti x = x 3
/=	Pembahagian penugasan	x /= 3 adalah sama seperti x = x / 3
%=	Modulus penugasan	x %= 3 adalah sama seperti x = x % 3

Mari kita lihat ini dalam tindakan:

let x = 5;
console.log(x); // Output: 5

x += 3;
console.log(x); // Output: 8

x -= 2;
console.log(x); // Output: 6

x *= 4;
console.log(x); // Output: 24

x /= 3;
console.log(x); // Output: 8

x %= 3;
console.log(x); // Output: 2

Operator ini adalah pintasan yang membuat kod anda lebih ringkas dan boleh dibaca. Mereka seperti kapal terjun dunia pengcodingan - universal dan berguna!

Operator Lain-lain JavaScript

Akhirnya, mari kita lihat beberapa operator yang tidak masuk ke dalam kategori lain.

1. Operator Ternary (Conditional): Ini adalah penyuksikan untuk statement if-else.

let umur = 20;
let bolehundi = (umur >= 18) ? "Yes" : "No";
console.log(bolehundi); // Output: "Yes"

Operator ini memeriksa jika umur >= 18 adalah true. Jika benar, dia menugaskan "Yes" kepada bolehundi, sebaliknya dia menugaskan "No".

2. Operator typeof: Ini mengembalikan string yang menunjukkan jenis operan.

console.log(typeof 42);        // Output: "number"
console.log(typeof 'blubber'); // Output: "string"
console.log(typeof true);      // Output: "boolean"
console.log(typeof [1, 2, 4]); // Output: "object"

3. Operator delete: Ini menghapuskan sifat objek atau unsur array.

let person = {name: "John", age: 30};
delete person.age;
console.log(person); // Output: {name: "John"}

Dan itu lah, rakan-rakan! Kita telah melintasi negeri operator JavaScript. Ingat, latihan membuat sempurna. Jadi, jangan takut untuk menguji operator ini dalam kod anda sendiri. Selamat coding!

Credits: Image by storyset