Operator dalam JavaScript

Dalam artikel ini, kami akan menerangkan operator dalam JavaScript.

YouTube Video

Operator dalam JavaScript

Operator dalam JavaScript adalah simbol atau kata kunci yang digunakan untuk melakukan pengiraan atau perbandingan pada nombor dan pemboleh ubah. Terdapat pelbagai jenis operator, setiap satunya melakukan operasi yang berbeza. Berikut ialah ringkasan beberapa operator utama:.

Operator Aritmetik

Operator aritmetik dalam JavaScript termasuk yang berikut:.

 1let a = 10; // Initialize variable 'a' with the value 10
 2let b = 3;  // Initialize variable 'b' with the value 3
 3
 4// Perform and display arithmetic operations between 'a' and 'b'
 5console.log("Addition (a + b):      ", a + b); // 13
 6console.log("Subtraction (a - b):   ", a - b); // 7
 7console.log("Multiplication (a * b):", a * b); // 30
 8console.log("Division (a / b):      ", a / b); // 3.333...
 9console.log("Modulus (a % b):       ", a % b); // 1
10
11// Demonstrate post-increment operation on 'a'
12// Output the current value of 'a' (10), then increment
13console.log("Post-increment (a++):  ", a++);
14// Display the incremented value of 'a' (11)
15console.log("Value of 'a' after increment:", a);
16
17// Demonstrate pre-increment operation on 'a'
18// Increment 'a' first (12) then output
19console.log("Pre-increment (++a):   ", ++a);
20
21// Demonstrate post-decrement operation on 'a'
22// Output the current value of 'a' (12), then decrement
23console.log("Post-decrement (a--):  ", a--);
24// Display the decremented value of 'a' (11)
25console.log("Value of 'a' after decrement:", a);
26
27// Demonstrate pre-decrement operation on 'a'
28// Decrement 'a' first (10) then output
29console.log("Pre-decrement (--a):   ", --a);

Operator aritmetik melaksanakan operasi matematik asas pada nombor. Selain penjumlahan dan pengurangan, anda boleh melakukan operasi seperti modulus, kenaikan, dan penurunan. Perhatikan bahawa nilai yang dikembalikan oleh kenaikan atau penurunan berbeza bergantung pada sama ada operator diletakkan sebelum atau selepas operan.

Operator Peruntukan

Operator pemberian nilai dalam JavaScript termasuk yang berikut:.

 1let x = 10;
 2
 3x += 5;  // x = x + 5, so x becomes 15
 4console.log('After x += 5 : ', x);  // 15
 5
 6x -= 10;
 7console.log('After x -= 10 : ', x);  // 5
 8
 9x *= 3;
10console.log('After x *= 3 : ', x);  // 15
11
12x /= 3;
13console.log('After x /= 3 : ', x);  // 5
14
15x %= 2;
16console.log('After x %= 2 : ', x);  // 1

Operator penugasan digunakan untuk memberikan nilai kepada pemboleh ubah atau mengemas kini nilai pemboleh ubah. Selain penugasan biasa, terdapat operator penugasan untuk operasi aritmetik seperti penambahan dan modulus.

Operator Perbandingan

Operator perbandingan dalam JavaScript termasuk yang berikut:.

 1console.log("5 == '5' evaluates to:", 5 == "5");   // true (because the values are equal)
 2console.log("5 === '5' evaluates to:", 5 === "5"); // false (because the types are different)
 3console.log("5 != '5' evaluates to:", 5 != "5");   // false
 4console.log("5 !== '5' evaluates to:", 5 !== "5"); // true
 5console.log("5 > 2 evaluates to:", 5 > 2);         // true
 6console.log("5 < 2 evaluates to:", 5 < 2);         // false
 7console.log("5 >= 5 evaluates to:", 5 >= 5);       // true
 8console.log("5 <= 4 evaluates to:", 5 <= 4);       // false
 9console.log("5 >= '5' evaluates to:", 5 >= "5");   // true
10console.log("5 <= '5' evaluates to:", 5 <= "5");   // true

• Operator perbandingan membandingkan nilai dan mengembalikan sama ada benar atau palsu.
• Pengendali kesamaan (==) secara automatik menukar jenis yang berbeza jika perlu sebelum membuat perbandingan. Pengendali kesamaan ketat (===) tidak melakukan sebarang penukaran jenis semasa perbandingan dan mengembalikan true hanya jika kedua-dua nilai mempunyai jenis yang sama dan nilai yang sama. Menggunakan pengendali kesamaan ketat (===) membantu mencegah pepijat yang disebabkan oleh penukaran jenis yang tidak disengajakan, jadi disarankan untuk menggunakannya dengan keutamaan.

Operator Logik

Operator logik dalam JavaScript termasuk yang berikut:.

1let a = true;
2let b = false;
3
4console.log("a && b evaluates to:", a && b);  // false
5console.log("a || b evaluates to:", a || b);  // true
6console.log("!a evaluates to:", !a);          // false

Operator logik digunakan apabila terdapat pelbagai syarat, untuk menilai gabungan syarat.

Keutamaan Operator Logik

Dalam JavaScript, operator logik biasanya dinilai mengikut urutan NOT terlebih dahulu, diikuti oleh AND, dan akhirnya OR.

NOT mempunyai keutamaan tertinggi

NOT ialah operator unary dan dievaluasi dengan keutamaan tertinggi.

1console.log(!true || false);  // false

AND mempunyai keutamaan lebih tinggi berbanding OR

AND mempunyai keutamaan lebih tinggi daripada OR, oleh itu bahagian AND dievaluasi terlebih dahulu.

1console.log(true || false && false);  // true

Dengan cara ini, bahagian DAN (&&) dinilai terlebih dahulu, dan hasilnya dihantar kepada ATAU (||).

AND dan OR melakukan evaluasi pintasan

AND dan OR dalam JavaScript melakukan evaluasi pintasan. Jika hasil boleh ditentukan oleh nilai di sebelah kiri, ekspresi di sebelah kanan tidak akan dievaluasi.

1let a = false && console.log("This will not be printed");
2console.log(a);  // false
3
4let b = true || console.log("This will not be printed");
5console.log(b);  // true

Dalam kedua-dua kes, console.log() tidak akan dilaksanakan.

Tetapkan keutamaan secara eksplisit

Dengan mengumpulkan ekspresi secara eksplisit menggunakan tanda kurung, anda boleh mengelakkan salah faham tentang keutamaan.

1console.log(true || (false && false));  // true

Perbezaan antara bahasa semula jadi dan tafsiran program

Apabila menggunakan operator logik, adalah penting untuk menyedari kekaburan dalam bahasa semula jadi. Sebagai contoh, apabila mengatakan 'anjing putih atau kucing,' ia boleh bermaksud 'anjing putih atau kucing apa saja warna' atau 'anjing putih atau kucing putih.'. Dalam kod, ia akan kelihatan seperti ini:.

1if (isWhite && isDog || isCat) {
2    console.log(' "A white dog" or "a cat of any color" ');
3}
4
5if (isWhite && (isDog || isCat)) {
6    console.log(' "A white dog" or "a white cat" ');
7}
8
9console.log(true || (false && false));  // true

Oleh kerana bahasa semula jadi mempunyai kekaburan seperti ini, perhatian diperlukan semasa membuat kod atau mereka bentuk.

Operator Ternari (Operator Bersyarat)

JavaScript menyertakan operator ternari (operator bersyarat).

1let age = 20;
2let message = age >= 18 ? "Adult" : "Minor";
3console.log(message);  // "Adult"

Ia ditulis dalam bentuk condition ? nilai jika benar : nilai jika salah.

Operator Bitwise

Operator bitwise dalam JavaScript termasuk yang berikut.

 1let x = 0x0F & 0x0C;
 2console.log("0x0F & 0x0C evaluates to:", x, "(0x0C, 12)");  // 0x0C (12)
 3
 4x = 0x04 | 0x02;
 5console.log("0x04 | 0x02 evaluates to:", x, "(0x06, 6)");  // 0x06 (6)
 6
 7x = 0x0F ^ 0x0C;
 8console.log("0x0F ^ 0x0C evaluates to:", x, "(0x03, 3)");  // 0x03 (3)
 9
10// The inverted number is represented as a negative value
11// because JavaScript numbers are stored as signed 32-bit integers.
12x = ~0x0C;
13console.log("~0x0C evaluates to:", x, "(-13, 0xF3)");  // 0xF3 (-13)
14
15x = 0x04 << 1;
16console.log("0x04 << 1 evaluates to:", x, "(0x08, 8)");    // 0x08 (8)
17x = 0x04 >> 1;
18console.log("0x04 >> 1 evaluates to:", x, "(0x02, 2)");    // 0x02 (2)

Operator bit melaksanakan pengiraan pada nombor di peringkat bit. Biasanya ia digunakan untuk pemprosesan peringkat rendah.

Operator Jenis

Operator jenis dalam JavaScript termasuk yang berikut.

1console.log(typeof "Hello");  // "string"
2console.log(typeof 42);       // "number"
3
4let arr = [1, 2, 3];
5console.log("arr instanceof Array : ", arr instanceof Array); // true

Operator jenis digunakan untuk memeriksa jenis nilai atau menukarnya kepada jenis tertentu.

Operator typeof mengembalikan jenis sesuatu pembolehubah.

Operator instanceof memeriksa sama ada suatu objek adalah milik kelas tertentu.

Ringkasan

• Operator aritmetik melaksanakan pengiraan asas.
• Operator pemberian menetapkan atau mengemas kini nilai dalam pembolehubah.
• Operator perbandingan membandingkan dua nilai dan mengembalikan benar atau palsu.
• Operator logik menilai gabungan syarat.
• Operator ternari membolehkan anda menulis pernyataan bersyarat dalam bentuk yang lebih ringkas daripada if.
• Operator bitwise melaksanakan pengiraan pada peringkat bit.
• Operator jenis membolehkan anda memeriksa jenis nilai.

Anda boleh mengikuti artikel di atas menggunakan Visual Studio Code di saluran YouTube kami. Sila lihat juga saluran YouTube kami.

YouTube Video