Dalam tutorial ini, Anda akan belajar tentang berbagai operator yang tersedia di JavaScript dan cara menggunakannya dengan bantuan contoh.
Apa itu JavaScript Operator?
Dalam JavaScript, operator adalah simbol khusus yang digunakan untuk melakukan operasi pada operan (nilai dan variabel). Sebagai contoh,
2 + 3; // 5
Di sini + adalah operator yang melakukan penjumlahan, dan 2 dan 3 adalah operand.
Jenis JavaScript Operator
Berikut adalah daftar berbagai operator yang akan Anda pelajari dalam tutorial ini.
- Assignment Operator
- Arithmetic Operator
- Comparison Operator
- Logical Operator
- Bitwise Operator
- String Operator
- Other Operator
JavaScript Assignment Operator
Assignment operator digunakan untuk menetapkan nilai ke variabel. Sebagai contoh,
const x = 5;
Di sini, operator = digunakan untuk menetapkan nilai 5 ke variabel x.
Berikut daftar assignment operators yang umum digunakan:
Operator | Name | Example |
---|---|---|
= | Assignment operator | a = 7; // 7 |
+= | Addition assignment | a += 5; // a = a + 5 |
-= | Subtraction Assignment | a -= 2; // a = a - 2 |
*= | Multiplication Assignment | a *= 3; // a = a * 3 |
/= | Division Assignment | a /= 2; // a = a / 2 |
%= | Remainder Assignment | a %= 2; // a = a % 2 |
**= | Exponentiation Assignment | a **= 2; // a = a**2 |
Catatan: assignment operator yang umum digunakan adalah =. Anda akan memahami assignment operator lain seperti +=, -=, *= dll setelah kita mempelajari operator Arithmetic.
JavaScript Arithmetic Operator
Arithmetic operator digunakan untuk melakukan perhitungan aritmatika. Sebagai contoh,
const number = 3 + 5; // 8
Di sini, + operator digunakan untuk menambahkan dua operand.
Operator | Name | Example |
---|---|---|
+ | Addition | x + y |
- | Subtraction | x - y |
* | Multiplication | x * y |
/ | Division | x / y |
% | Remainder | x % y |
++ | Increment (increments by 1) | ++x or x++ |
-- | Decrement (decrements by 1) | --x or x-- |
** | Exponentiation (Power) | x ** y |
Contoh 1: Operator Arithmetic dalam JavaScript
let x = 5;
let y = 3;
// addition
console.log('x + y = ', x + y); // 8
// subtraction
console.log('x - y = ', x - y); // 2
// multiplication
console.log('x * y = ', x * y); // 15
// division
console.log('x / y = ', x / y); // 1.6666666666666667
// remainder
console.log('x % y = ', x % y); // 2
// increment
console.log('++x = ', ++x); // x is now 6
console.log('x++ = ', x++); // prints 6 and then increased to 7
console.log('x = ', x); // 7
// decrement
console.log('--x = ', --x); // x is now 6
console.log('x-- = ', x--); // prints 6 and then decreased to 5
console.log('x = ', x); // 5
//exponentiation
console.log('x ** y =', x ** y);
Catatan: Operator ** diperkenalkan di ECMAScript 2016 dan beberapa browser mungkin tidak mendukungnya. Untuk mempelajari lebih lanjut, kunjungi JavaScript exponentiation browser support.
JavaScript Comparison Operator
Comparison operator membandingkan dua nilai dan mengembalikan nilai boolean, true atau false. Sebagai contoh,
const a = 3, b = 2;
console.log(a > b); // true
Disini, comparison operator >
digunakan untuk membandingkan apakah a lebih besar dari b.
Operator | Description | Example |
---|---|---|
== | Equal to: returns true if the operands are equal | x == y |
!= | Not equal to: returns true if the operands are not equal | x != y |
=== | Strict equal to: true if the operands are equal and of the same type | x === y |
!== | Strict not equal to: true if the operands are equal but of different type or not equal at all | x !== y |
> | Greater than: true if left operand is greater than the right operand | x > y |
>= | Greater than or equal to: true if left operand is greater than or equal to the right operand | x >= y |
< | Less than: true if the left operand is less than the right operand | x < y |
<= | Less than or equal to: true if the left operand is less than or equal to the right operand | x <= y |
Contoh 2: Comparison operator 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
Comparison operators digunakan dalam pengambilan keputusan dan loop. Anda akan belajar tentang penggunaan operator perbandingan secara detail di tutorial selanjutnya.
JavaScript Logical Operator
Logical operator melakukan operasi logis dan mengembalikan nilai boolean, benar atau salah. Sebagai contoh,
const x = 5, y = 3;
(x < 6) && (y < 5); // true
Disini, &&
adalah logical operator AND. Karena x < 6 dan y < 5 keduanya true, hasilnya 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 |
Contoh 3: Logical Operator dalam 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 operator digunakan dalam pengambilan keputusan dan loop. Anda akan belajar tentang penggunaan operator logika secara detail di tutorial selanjutnya.
JavaScript Bitwise Operator
Bitwise operator melakukan operasi pada representasi bilangan biner.
Operator | Description |
---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
jarang digunakan dalam pemrograman sehari-hari.
JavaScript String Operator
Dalam JavaScript, Anda juga dapat menggunakan operator + untuk menggabungkan (menggabungkan) dua string atau lebih.
Contoh 4: Operator string dalam 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, ketika + digunakan dengan angka, ia melakukan penjumlahan.
Operator JavaScript lainnya
Berikut daftar operator lain yang tersedia di JavaScript. Anda akan belajar tentang operator ini di tutorial selanjutnya.
Operator | Description | Example |
---|---|---|
, | evaluates multiple operands and returns the value of the last operand. | let a = (1, 3 , 4); // 4 |
?: | returns value based on the condition | (5 > 3) ? 'success' : 'error'; // "success" |
delete | deletes an object’s property, or an element of an array | delete x |
typeof | returns a string indicating the data type | typeof 3; // "number" |
void | discards the expression’s return value | void(x) |
in | returns true if the specified property is in the object | prop in object |
instanceof | returns true if the specified object is of of the specified object type | object instanceof object_type |