Operator: Dasar-dasar Pemgrograman Javascript

Pelajari berbagai jenis operator dalam JavaScript: aritmatika, perbandingan, logika, penugasan, bitwise, string, dan ternary. Panduan lengkap dengan contoh.

Operator Cover Image

Operator adalah simbol atau kata kunci yang digunakan untuk melakukan operasi pada satu atau lebih operand (nilai atau variabel) dalam pemrograman.

Operator memungkinkan kita untuk melakukan berbagai macam operasi seperti perhitungan aritmatika, perbandingan, dan operasi logika.

Dalam artikel ini, kita akan membahas berbagai jenis operator yang ada di JavaScript dan bagaimana cara menggunakannya.

Jenis-Jenis Operator di JavaScript

1. Operator Aritmatika

Operator aritmatika digunakan untuk melakukan operasi matematis pada angka.

OperatorDeskripsiContoh
+Penjumlahana + b
Pengurangana – b
*Perkaliana * b
/Pembagiana / b
%Modulus (Sisa Bagi)a % b
++Increment (Tambah 1)a++ atau ++a
Decrement (Kurang 1)a– atau –a
Operator Aritmatika Pada Javascript

Contoh code:

let a = 10;
let b = 5;
console.log(a + b); // Output: 15
console.log(a - b); // Output: 5
console.log(a * b); // Output: 50
console.log(a / b); // Output: 2
console.log(a % b); // Output: 0
a++;
console.log(a);     // Output: 11
b--;
console.log(b);     // Output: 4

2. Operator Perbandingan

Operator perbandingan digunakan untuk membandingkan dua nilai dan mengembalikan nilai boolean (true atau false).

OperatorDeskripsiContoh
==Sama dengana ==b
!=Tidak sama dengana != b
===Sama dengan (identik)a === b
!==Tidak sama dengan (identik)a !== b
>Lebih besar daria > b
<Lebih kecil daria < b
>=Lebih besar atau sama dengana >= b
<=Lebih kecil atau sama dengana <= b
Operator Perbandingan Pada Javascript

Contoh penggunaan operator perbandingan pada Javascript:

let a = 10;
let b = 5;
console.log(a == b);   // Output: false
console.log(a != b);   // Output: true
console.log(a === 10); // Output: true
console.log(a !== 5);  // Output: true
console.log(a > b);    // Output: true
console.log(a < b);    // Output: false
console.log(a >= 10);  // Output: true
console.log(a <= 5);   // Output: false

Perbedaan antara == dan ===, serta != dan !==

  • == (Sama dengan): Operator ini memeriksa kesamaan nilai tanpa memperhatikan tipe data. Jadi, 5 == '5' akan mengembalikan true karena kedua nilai tersebut sama meskipun tipe datanya berbeda.
  • === (Sama dengan identik): Operator ini memeriksa kesamaan nilai dan tipe data. Jadi, 5 === '5' akan mengembalikan false karena tipe datanya berbeda.

Contoh:

console.log(5 == '5');  // Output: true
console.log(5 === '5'); // Output: false
  • != (Tidak sama dengan): Operator ini memeriksa ketidaksamaan nilai tanpa memperhatikan tipe data. Jadi, 5 != '5' akan mengembalikan false karena kedua nilai tersebut sama meskipun tipe datanya berbeda.
  • !== (Tidak sama dengan identik): Operator ini memeriksa ketidaksamaan nilai dan tipe data. Jadi, 5 !== '5' akan mengembalikan true karena tipe datanya berbeda.

Contoh:

console.log(5 != '5');  // Output: false
console.log(5 !== '5'); // Output: true

3. Operator Logika

Operator logika digunakan untuk menggabungkan pernyataan logika dan mengembalikan nilai boolean.

OperatorDescriptionContoh
&&Logika DAN (AND)a && b
||Logika ATAU (OR)a || b
!Logika TIDAK (NOT)!a atau !b
Operator Logika Pada Javascript

Contoh:

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

4. Assigning Operator (Operator Penugasan)

Operator ini digunakan untuk menetapkan nilai ke variabel.

=Assigning (set nilai vairabel)a = b
+=Penjumlahan dan Assigning a += b
-=Pengurangan dan Assigning a -= b
*=Perkalian dan Assigning a *= b
/=Pembagian dan Assigning a /= b
%=Modulus dan Assigning a %= b
Assigning Operator pada Javascript

Contoh penggunaan Assigning Operator:

let a = 10;
let b = 5;
a += b; // bisa dibaca a = a + b
console.log(a); // Output: 15
a -= b; // bisa dibaca a = a - b
console.log(a); // Output: 10
a *= b; // bisa dibaca a = a * b
console.log(a); // Output: 50
a /= b; // bisa dibaca a = a / b
console.log(a); // Output: 10
a %= b; // bisa dibaca a = a % b
console.log(a); // Output: 0

5. Operator Bitwise

Operator bitwise digunakan untuk operasi pada representasi bit dari angka. Sepengalaman saya, operator ini jarang dipakai.

OperatorDescriptionContoh
&AND bitwisea & b
|OR bitwisea | b
^XOR bitwisea ^ b
~NOT bitwisea ~ b
<<Shift kiria << b
>>Shift kanana >> b
Operator Bitwise Pada Javascript

Contoh:

let a = 5;  // 0101 dalam biner
let b = 3;  // 0011 dalam biner
console.log(a & b);  // Output: 1 (0001 dalam biner)
console.log(a | b);  // Output: 7 (0111 dalam biner)
console.log(a ^ b);  // Output: 6 (0110 dalam biner)
console.log(~a);     // Output: -6
console.log(a << 1); // Output: 10 (1010 dalam biner)
console.log(a >> 1); // Output: 2 (0010 dalam biner)

6. Operator String

Operator string digunakan untuk menggabungkan string.

OperatorDescriptionContoh
+Penggabungan (Concatenation)a + b
Operator String Pada Javascript

Contoh:

let firstName = "John";
let lastName = "Doe";
let fullName = firstName + " " + lastName;
console.log(fullName); // Output: John Doe

7. Operator Ternary

Operator ternary adalah operator kondisional yang menyediakan cara singkat untuk menulis pernyataan if-else.

OperatorDescriptionContoh
?Operator Ternary (if-else singkat)kondisi ? nilai1 : nilai2
Operator Ternary Pada Javscript

Contoh:

let age = 18;
let isAdult = (age >= 18) ? "Yes" : "No";
console.log(isAdult); // Output: Yes

Cara membaca code diatas adalah sebagai berikut: Jika age besar sama dengan 18, maka variabel isAdult akan berisi string “Yes”, jika tidak maka berisi string “No”.

Kesimpulan

Operator adalah elemen penting dalam pemrograman yang memungkinkan kita untuk melakukan berbagai operasi pada data. Dengan memahami berbagai jenis operator di JavaScript dan cara penggunaannya, kamu dapat menulis kode yang lebih efektif dan efisien.

Teruslah berlatih dan eksplorasi berbagai operasi yang bisa dilakukan dengan operator untuk menguasai pemrograman JavaScript.

Selamat belajar dan happy coding!

Baca juga basic pemrograman lainnya:

3 thoughts on “Operator: Dasar-dasar Pemgrograman Javascript”

Leave a Reply

Your email address will not be published. Required fields are marked *