Search
Close this search box.

JavaScript Operator

JavaScript Operator

Share This Post

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:

OperatorNameExample
=Assignment operatora = 7; // 7
+=Addition assignmenta += 5; // a = a + 5
-=Subtraction Assignmenta -= 2; // a = a - 2
*=Multiplication Assignmenta *= 3; // a = a * 3
/=Division Assignmenta /= 2; // a = a / 2
%=Remainder Assignmenta %= 2; // a = a % 2
**=Exponentiation Assignmenta **= 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.

OperatorNameExample
+Additionx + y
-Subtractionx - y
*Multiplicationx * y
/Divisionx / y
%Remainderx % 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.

OperatorDescriptionExample
==Equal to: returns true if the operands are equalx == y
!=Not equal to: returns true if the operands are not equalx != y
===Strict equal to: true if the operands are equal and of the same typex === y
!==Strict not equal to: true if the operands are equal but of different type or not equal at allx !== y
>Greater than: true if left operand is greater than the right operandx > y
>=Greater than or equal to: true if left operand is greater than or equal to the right operandx >= y
<Less than: true if the left operand is less than the right operandx < y
<=Less than or equal to: true if the left operand is less than or equal to the right operandx <= 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.

OperatorDescriptionExample
&&Logical AND: true if both the operands are true, else returns falsex && y
||Logical OR: true if either of the operands is true; returns false if both are falsex || 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.

OperatorDescription
&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.

OperatorDescriptionExample
,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"
deletedeletes an object’s property, or an element of an arraydelete x
typeofreturns a string indicating the data typetypeof 3; // "number"
voiddiscards the expression’s return valuevoid(x)
inreturns true if the specified property is in the objectprop in object
instanceofreturns true if the specified object is of of the specified object typeobject instanceof object_type

Subscribe To Our Newsletter

Dapatkan berita dan penawaran seputar Dunia Digital

Ingin memiliki website sendiri?

Kami siap membantu untuk mengelola website profesional Anda