Memahami Operator JavaScript: Panduan Lengkap dengan Contoh

### Operator dalam JavaScript

Pengendali dalam JavaScript ialah simbol khas yang digunakan untuk melaksanakan operasi pada nilai dan pembolehubah. Operasi ini boleh melibatkan aritmetik, tugasan, perbandingan, logik dan tindakan lain. Memahami pengendali adalah penting untuk melakukan pengiraan asas, perbandingan dan mengawal aliran kod anda.

JavaScript menyokong pelbagai jenis pengendali, dan mereka dikategorikan kepada jenis berikut:

---

### 1. **Operator Aritmetik**
Operator aritmetik digunakan untuk melakukan pengiraan matematik pada nombor.

Operator	Description	Example
	Addition	5 3 → 8
-	Subtraction	5 - 3 → 2
*	Multiplication	5 * 3 → 15
/	Division	5 / 3 → 1.666...
%	Modulus (Remainder)	5 % 3 → 2
**	Exponentiation	5 ** 2 → 25

Contoh:

let a = 10;
let b = 2;
console.log(a + b);  // Output: 12
console.log(a - b);  // Output: 8
console.log(a * b);  // Output: 20
console.log(a / b);  // Output: 5
console.log(a % b);  // Output: 0
console.log(a ** b); // Output: 100

---

**

2. Operator Tugasan**

Operator tugasan digunakan untuk menetapkan nilai kepada pembolehubah.

Operator	Description	Example
=	Assign value	x = 5
=	Add and assign	x = 3 → x = x 3
-=	Subtract and assign	x -= 2 → x = x - 2
*=	Multiply and assign	x *= 4 → x = x * 4
/=	Divide and assign	x /= 2 → x = x / 2
%=	Modulus and assign	x %= 3 → x = x % 3
**=	Exponentiation and assign	x **= 2 → x = x ** 2

Contoh:

let a = 10;
let b = 2;
console.log(a + b);  // Output: 12
console.log(a - b);  // Output: 8
console.log(a * b);  // Output: 20
console.log(a / b);  // Output: 5
console.log(a % b);  // Output: 0
console.log(a ** b); // Output: 100

---

### 3. **Operator Perbandingan**
Operator perbandingan digunakan untuk membandingkan nilai dan mengembalikan Boolean (benar atau palsu) berdasarkan syarat.

Operator	Description	Example
==	Equal to (loose)	5 == '5' → true
===	Equal to (strict)	5 === '5' → false
!=	Not equal to (loose)	5 != '5' → false
!==	Not equal to (strict)	5 !== '5' → true
>	Greater than	5 > 3 → true
<	Less than	5 < 3 → false
>=	Greater than or equal	5 >= 5 → true
<=	Less than or equal	5 <= 3 → false

Contoh:

let x = 10;
x += 5;  // x = x + 5 -> 15
x *= 2;  // x = x * 2 -> 30
console.log(x);  // Output: 30



<hr>

<p><strong>### 4. **Operator Logik</strong>**<br>
Operator logik digunakan untuk melaksanakan operasi logik, mengembalikan nilai Boolean.</p>

<div><table>
<thead>
<tr>
<th>Operator</th>
<th>Description</th>
<th>Example</th>
</tr>
</thead>
<tbody>
<tr>
<td>&&</td>
<td>Logical AND</td>
<td>
true && false → false
</td>
</tr>
<tr>
<td>`</td>
<td></td>
<td>`</td>
</tr>
<tr>
<td>!</td>
<td>Logical NOT</td>
<td>
!true → false
</td>
</tr>
</tbody>
</table></div>

<p><strong>#### Contoh:</strong><br>
</p>

<pre class="brush:php;toolbar:false">console.log(5 == '5');  // Output: true (loose comparison)
console.log(5 === '5'); // Output: false (strict comparison)
console.log(10 > 5);    // Output: true
console.log(3 <= 2);    // Output: false

---

### 5. **Operator Unari**
Operator unary beroperasi pada satu operan untuk melakukan tindakan tertentu.

Operator	Description	Example
	Increment	x → x = x 1
--	Decrement	x-- → x = x - 1
typeof	Type of operand	typeof x → number
void	Evaluates expression without returning a value	void(0)

#### Contoh:

let a = true;
let b = false;
console.log(a && b);  // Output: false
console.log(a || b);  // Output: true
console.log(!a);      // Output: false

---

### 6. **Operator Ternary (Bersyarat)
**Pengendali ternary ialah singkatan untuk pernyataan if...else. Ia menilai keadaan dan mengembalikan satu daripada dua nilai berdasarkan sama ada syarat itu benar atau salah.

Operator	Description	Example
condition ? expr1 : expr2	If condition is true, return expr1; otherwise, return expr2	x > 10 ? 'Greater' : 'Lesser'

*#### Contoh:
*

let a = 10;
let b = 2;
console.log(a + b);  // Output: 12
console.log(a - b);  // Output: 8
console.log(a * b);  // Output: 20
console.log(a / b);  // Output: 5
console.log(a % b);  // Output: 0
console.log(a ** b); // Output: 100

---

### 7. **Pengendali Bitwise
**Pengendali bitwise melakukan operasi pada nombor binari.

Operator	Description	Example
&	AND	5 & 3 → 1
`	`	OR
^	XOR	5 ^ 3 → 6
~	NOT	~5 → -6
<<	Left shift	5 << 1 → 10
>>	Right shift	5 >> 1 → 2
>>>	Unsigned right shift	5 >>> 1 → 2

*#### Contoh:
*

let x = 10;
x += 5;  // x = x + 5 -> 15
x *= 2;  // x = x * 2 -> 30
console.log(x);  // Output: 30

---

### 8. **Spread Operator (...)
**Pengendali hamparan membenarkan anda membongkar elemen daripada tatasusunan atau objek ke dalam tatasusunan atau objek baharu.

*#### Contoh:
*

console.log(5 == '5');  // Output: true (loose comparison)
console.log(5 === '5'); // Output: false (strict comparison)
console.log(10 > 5);    // Output: true
console.log(3 <= 2);    // Output: false

---

### Kesimpulan

Pengendali JavaScript adalah asas untuk melakukan pengiraan, perbandingan dan operasi logik. Sama ada anda memanipulasi nilai, membandingkannya atau mengawal aliran program anda, memahami pengendali ini adalah penting untuk pengekodan yang cekap. Gunakan operator yang betul berdasarkan tugas anda untuk memastikan kod bersih dan boleh dibaca.

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Memahami Operator JavaScript: Panduan Lengkap dengan Contoh. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!