Dalam tutorial ini, Anda akan belajar tentang berbagai operator yang tersedia di JavaScript dan cara menggunakannya dengan bantuan contoh.
Apa itu Operator?
Dalam JavaScript, operator adalah simbol khusus yang digunakan untuk melakukan operasi pada operan (nilai dan variabel). Sebagai contoh,
2 + 3; // 5
Berikut +adalah operator yang melakukan penjumlahan dan 2dan 3adalah operan.
Jenis Operator JavaScript
Berikut adalah daftar operator berbeda yang akan Anda pelajari dalam tutorial ini.
- Operator Penugasan
- Operator Aritmatika
- Operator Perbandingan
- Operator Logis
- Operator Bitwise
- Operator String
- Operator Lain
Operator Penugasan JavaScript
Operator penugasan digunakan untuk menetapkan nilai ke variabel. Sebagai contoh,
const x = 5;
Di sini, =operator digunakan untuk memberikan nilai 5ke variabel x.
Berikut daftar operator penugasan yang umum digunakan:
| Operator | Nama | Contoh |
|---|---|---|
= | Operator penugasan | a = 7; // 7 |
+= | Penugasan tambahan | a += 5; // a = a + 5 |
-= | Penugasan Pengurangan | a -= 2; // a = a - 2 |
*= | Tugas Perkalian | a *= 3; // a = a * 3 |
/= | Penugasan Divisi | a /= 2; // a = a / 2 |
%= | Tugas Sisa | a %= 2; // a = a % 2 |
**= | Penugasan Eksponensial | a **= 2; // a = a**2 |
Catatan: Operator tugas yang umum digunakan adalah =. Anda akan memahami operator penugasan lain seperti +=, -=, *=dll setelah kami pelajari operator aritmatika.
Operator Aritmatika JavaScript
Operator aritmatika digunakan untuk melakukan perhitungan aritmatika . Sebagai contoh,
const number = 3 + 5; // 8
Di sini, +operator digunakan untuk menambahkan dua operan.
| Operator | Nama | Contoh |
|---|---|---|
+ | Tambahan | x + y |
- | Pengurangan | x - y |
* | Perkalian | x * y |
/ | Divisi | x / y |
% | Sisa | x % y |
++ | Increment (naik 1) | ++x atau x++ |
-- | Penurunan (pengurangan sebesar 1) | --x atau x-- |
** | Eksponensial (Power) | x ** y |
Contoh 1: Operator aritmatika di 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);
Kunjungi ++ dan - operator untuk mempelajari lebih lanjut.
Keluaran
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 browser mungkin tidak mendukungnya. Untuk mempelajari lebih lanjut, kunjungi dukungan browser eksponensiasi JavaScript.
Operator Perbandingan JavaScript
Operator perbandingan membandingkan dua nilai dan mengembalikan nilai boolean, baik trueatau false. Sebagai contoh,
const a = 3, b = 2; console.log(a> b); // true
Di sini, operator pembanding >digunakan untuk membandingkan apakah a lebih besar dari b.
| Operator | Deskripsi | Contoh |
|---|---|---|
== | Sama dengan : mengembalikan truejika operannya sama | x == y |
!= | Not equal to : mengembalikan truejika operan tidak sama | x != y |
=== | Ketat sama dengan : truejika operannya sama dan berjenis sama | x === y |
!== | Ketat tidak sama dengan : truejika operan sama tetapi jenisnya berbeda atau tidak sama sama sekali | x !== y |
> | Lebih besar dari : truejika operan kiri lebih besar dari operan kanan | x> y |
>= | Lebih besar dari atau sama dengan : truejika operan kiri lebih besar dari atau sama dengan operan kanan | x>= y |
< | Kurang dari : truejika operan kiri kurang dari operan kanan | x < y |
<= | Kurang dari atau sama dengan : truejika operan kiri kurang dari atau sama dengan operan kanan | x <= y |
Contoh 2: Operator perbandingan di 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: Saat +digunakan dengan string, ia melakukan penggabungan. Namun, bila +digunakan dengan angka, ia melakukan penambahan.
Operator JavaScript Lainnya
Berikut daftar operator lain yang tersedia di JavaScript. Anda akan mempelajari tentang operator ini di tutorial selanjutnya.
| Operator | Deskripsi | Contoh |
|---|---|---|
, | mengevaluasi beberapa operan dan mengembalikan nilai dari operan terakhir. | let a = (1, 3 , 4); // 4 |
?: | mengembalikan nilai berdasarkan kondisi | (5> 3) ? 'success' : 'error'; // "success" |
delete | menghapus properti objek, atau elemen array | delete x |
typeof | mengembalikan string yang menunjukkan tipe data | typeof 3; // "number" |
void | membuang nilai kembalian ekspresi | void(x) |
in | mengembalikan truejika properti yang ditentukan ada di objek | prop in object |
instanceof | mengembalikan truejika objek yang ditentukan adalah dari tipe objek yang ditentukan | object instanceof object_type |
