Dalam tutorial ini, anda akan belajar mengenai pelbagai operator yang terdapat dalam JavaScript dan cara menggunakannya dengan bantuan contoh.
Apa itu Pengendali?
Dalam JavaScript, operator adalah simbol khas yang digunakan untuk melakukan operasi pada operan (nilai dan pemboleh ubah). Sebagai contoh,
2 + 3; // 5
Berikut +adalah pengendali yang melakukan penambahan, 2dan 3merupakan operasi.
Jenis Operator JavaScript
Berikut adalah senarai operator yang berbeza yang akan anda pelajari dalam tutorial ini.
- Pengendali Tugasan
- Pengendali Aritmetik
- Pengendali Perbandingan
- Pengendali Logik
- Pengendali Bitwise
- Pengendali String
- Pengendali Lain
Pengendali Tugasan JavaScript
Pengendali tugasan digunakan untuk memberikan nilai kepada pemboleh ubah. Sebagai contoh,
const x = 5;
Di sini, =pengendali digunakan untuk memberikan nilai 5kepada pemboleh ubah x.
Berikut adalah senarai pengendali tugasan yang biasa digunakan:
| Pengendali | Nama | Contohnya |
|---|---|---|
= | Pengendali tugasan | a = 7; // 7 |
+= | Tugasan penambahan | a += 5; // a = a + 5 |
-= | Tugasan Penolakan | a -= 2; // a = a - 2 |
*= | Tugasan Pendaraban | a *= 3; // a = a * 3 |
/= | Tugasan Bahagian | a /= 2; // a = a / 2 |
%= | Tugasan Baki | a %= 2; // a = a % 2 |
**= | Tugasan Eksponen | a **= 2; // a = a**2 |
Catatan: Operator tugas yang biasa digunakan adalah =. Anda akan memahami pengendali tugasan lain seperti +=, -=, *=dan lain-lain apabila kita belajar pengendali aritmetik.
Pengendali Aritmetik JavaScript
Pengendali aritmetik digunakan untuk melakukan pengiraan aritmetik . Sebagai contoh,
const number = 3 + 5; // 8
Di sini, +pengendali digunakan untuk menambahkan dua operan.
| Pengendali | Nama | Contohnya |
|---|---|---|
+ | Penambahan | x + y |
- | Penolakan | x - y |
* | Pendaraban | x * y |
/ | Bahagian | x / y |
% | Baki | x % y |
++ | Kenaikan (kenaikan dengan 1) | ++x atau x++ |
-- | Penurunan (penurunan sebanyak 1) | --x atau x-- |
** | Pengembangan (Kuasa) | x ** y |
Contoh 1: Operator aritmetik dalam JavaScript
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Lawati operator ++ dan - untuk mengetahui lebih lanjut.
Pengeluaran
x + y = 8 x - y = 2 x * y = 15 x / y = 1.6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125
Catatan : Operator ** diperkenalkan di EcmaScript 2016 dan beberapa penyemak imbas mungkin tidak menyokongnya. Untuk mengetahui lebih lanjut, kunjungi sokongan penyemak imbas JavaScript.
Pengendali Perbandingan JavaScript
Pengendali perbandingan membandingkan dua nilai dan mengembalikan nilai boolean, sama ada trueatau false. Sebagai contoh,
const a = 3, b = 2; console.log(a> b); // true
Di sini, operator perbandingan >digunakan untuk membandingkan sama ada a lebih besar daripada b.
| Pengendali | Penerangan | Contohnya |
|---|---|---|
== | Sama dengan : mengembalikan truejika operan sama | x == y |
!= | Tidak sama dengan : mengembalikan truejika operan tidak sama | x != y |
=== | Ketat sama dengan : truejika operan sama dan jenis yang sama | x === y |
!== | Ketat tidak sama dengan : truejika operan sama tetapi berlainan jenis atau sama sekali tidak sama | x !== y |
> | Lebih besar daripada : truejika operan kiri lebih besar daripada operan kanan | x> y |
>= | Lebih besar daripada atau sama dengan : truejika operan kiri lebih besar daripada atau sama dengan operan kanan | x>= y |
< | Kurang daripada : truejika operan kiri kurang daripada operan kanan | x < y |
<= | Kurang daripada atau sama dengan : truejika operan kiri kurang daripada atau sama dengan operan kanan | x <= y |
Contoh 2: Operator perbandingan dalam JavaScript
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Catatan: Apabila +digunakan dengan tali, ia melakukan penggabungan. Namun, bila +digunakan dengan angka, ia melakukan penambahan.
Pengendali JavaScript yang lain
Berikut adalah senarai pengendali lain yang terdapat dalam JavaScript. Anda akan mengetahui mengenai pengendali ini dalam tutorial kemudian.
| Pengendali | Penerangan | Contohnya |
|---|---|---|
, | menilai pelbagai operan dan mengembalikan nilai operan terakhir. | let a = (1, 3 , 4); // 4 |
?: | mengembalikan nilai berdasarkan keadaan | (5> 3) ? 'success' : 'error'; // "success" |
delete | memadamkan harta benda, atau elemen array | delete x |
typeof | mengembalikan rentetan yang menunjukkan jenis data | typeof 3; // "number" |
void | membuang nilai pulangan ungkapan | void(x) |
in | kembali truejika harta yang ditentukan berada di objek | prop in object |
instanceof | kembali truejika objek yang ditentukan adalah dari jenis objek yang ditentukan | object instanceof object_type |
