7 Jenis Operator JavaScript yang Harus Anda Ketahui

Operator adalah simbol yang memberitahu interpreter untuk melakukan operasi matematika, relasional, atau logis tertentu. Operator mengambil satu atau lebih operan dan mampu memanipulasi nilai target atau operan.

Dalam artikel ini, Anda akan mempelajari tentang berbagai operator dalam JavaScript dan cara menggunakannya dengan contoh.

Jenis Operator JavaScript

Ini adalah berbagai operator yang didukung JavaScript:

1. Operator aritmatika
2. Operator penugasan
3. Operator string
4. Operator perbandingan
5. Operator logika
6. Operator bitwise
7. Operator khusus

1. Operator Aritmatika

Anda dapat menggunakan operator aritmatika untuk melakukan perhitungan matematis pada operan. JavaScript menyediakan operator aritmatika berikut:

Operator Penambahan (+)

Anda dapat menggunakan operator tambahan (+) untuk melakukan penjumlahan pada operand.

misalkan a = 12;
misalkan b = 10;
misalkan hasil = a+b;
console.log (hasil)
console.log (1+2);
console.log (a+6);

Keluaran:

22
3
18

Operator Pengurangan (-)

Gunakan operator pengurangan (-) untuk mengurangi operan kanan dari operan kiri.

misalkan a = 10;
misalkan b = 4;
misalkan hasil = a-b;
console.log (hasil);
console.log (23-20);

Keluaran:

6
3

Operator Perkalian (*)

Gunakan operator perkalian (*) untuk mengalikan operan.

misalkan a = 10;
misalkan b = 4;
misalkan hasil = a*b;
console.log (hasil);
console.log (23*20);

Keluaran:

40
460

Operator Divisi (/)

Anda dapat menggunakan operator pembagian (/) untuk melakukan pembagian pada operan.

misalkan a = 10;
misalkan b = 4;
misalkan hasil = a/b;
console.log (hasil);
console.log (40/20);

Keluaran:

2.5
2

Operator Modul (%)

Operator modulus (%) mengembalikan sisa bilangan bulat dengan menyelam dua operan.

misalkan a = 10;
misalkan b = 4;
misalkan hasil = a%b;
console.log (hasil);
console.log (40%20);

Keluaran:

2
0

Operator Eksponen (**)

Operator eksponensial (**) menghitung basis ke pangkat eksponen (basis^eksponen).

misalkan a = 3;
console.log (a**4);

Keluaran:

81

Operator Kenaikan (++)

Operator kenaikan (++) meningkatkan nilai bilangan bulat satu.

misalkan a = 3;
// Nilai a=4 dan mengembalikan 4
console.log(++a);
// Nilai a=5 dan mengembalikan 4
console.log (a++);
// Nilai a=5 dan mengembalikan 5
console.log (a);

Keluaran:

4
4
5

Operator Penurunan (--)

Operator pengurangan (--) mengurangi nilai bilangan bulat satu.

misalkan a = 3;
// Nilai a=2 dan mengembalikan 2
console.log(--a);
// Nilai a=1 dan mengembalikan 2
console.log (a--);
// Nilai a=1 dan mengembalikan 1
console.log (a);

Keluaran:

2
2
1

Operator Unary Plus(+)

Operator unary plus (+) mencoba mengonversi operan ke angka jika belum ada.

console.log(typeof("10"));
console.log(typeof(+"10"));
console.log (typeof (salah));
console.log (typeof(+false));

Keluaran:

rangkaian
nomor
boolean
nomor

Operator Negasi Unary (-)

Operator negasi unary (-) mengembalikan negasi operandnya.

misalkan a = 10;
console.log(-a);

Keluaran:

-10

2. Operator Penugasan

Gunakan operator penugasan untuk menetapkan nilai ke variabel. JavaScript menyediakan operator penugasan berikut:

Operator Penugasan (=)

Anda dapat menggunakan operator penugasan (=) untuk menetapkan nilai operan kanan ke operan kiri.

// Menetapkan 10 ke a
misalkan a = 10;
console.log (a);

Keluaran:

10

Operator Penugasan Penambahan(+=)

Operator penugasan penambahan (+=) digunakan untuk menambahkan nilai operan kiri dan kanan dan menetapkan hasilnya ke operan kiri.

misalkan a = 10;
misalkan b = 5;
// Setara dengan a = a+b
a += b;
console.log (a);

Keluaran:

15

Operator Penugasan Pengurangan (-=)

Operator penugasan pengurangan (-=) akan mengurangi operan kanan dari operan kiri dan menetapkan hasilnya ke operan kiri.

misalkan a = 10;
misalkan b = 5;
// Setara dengan a = a-b
a -= b;
console.log (a);

Keluaran:

5

Operator Tugas Perkalian (*=)

Gunakan operator penugasan perkalian (*=) untuk mengalikan nilai operan kiri dan kanan dan menetapkan hasilnya ke operan kiri.

misalkan a = 10;
misalkan b = 5;
// Setara dengan a = a*b
a *= b;
console.log (a);

Keluaran:

50

Operator Penugasan Divisi (/=)

Anda dapat menggunakan operator penugasan pembagian (/=) untuk membagi nilai operan kiri dengan nilai operan kanan dan menetapkan hasilnya ke operan kiri.

misalkan a = 10;
misalkan b = 5;
// Setara dengan a = a/b
a /= b;
console.log (a);

Keluaran:

2

Operator Penugasan Sisa (%=)

Operator penugasan sisa (%=) membagi operan kiri dengan operan kanan dan memberikan sisanya ke operan kiri.

misalkan a = 10;
misalkan b = 5;
// Setara dengan a = a%b
a%= b;
console.log (a);

Keluaran:

0

Operator Penugasan Eksponen (**=)

Operator penugasan eksponensial (**=) menaikkan operan kiri ke pangkat operan kanan dan menetapkan hasilnya ke operan kiri.

misalkan a = 10;
misalkan b = 5;
// Setara dengan a = a**b
a **= b;
console.log (a);

Keluaran:

100000

Operator penugasan bitwise (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) bekerja dengan cara yang sama. Anda akan belajar tentang operator bitwise di bagian yang akan datang.

Terkait: Pengantar Tipe Data dalam JavaScript

3. Operator String

Operator gabungan (+) digunakan untuk menggabungkan (menambahkan) string.

let result = "Buat" + "Gunakan" + "Dari";
console.log (hasil);

Keluaran:

Menggunakan

4. Operator Perbandingan

Operator perbandingan digunakan untuk membandingkan operan dan mengembalikan nilai logika (benar atau Salah) berdasarkan perbandingan. JavaScript menyediakan operator perbandingan berikut:

Operator Setara (==)

Operator setara (==) kembali benar jika operan sama. Itu hanya membandingkan nilai operan, mengabaikan tipenya saat membandingkan.

console.log (2==4);
console.log("2"==2);

Keluaran:

Salah
benar

Bukan Operator Setara(!=)

Operator tidak sama (!=) kembali benar jika operan tidak sama. Itu juga mengabaikan jenis operan saat membandingkan.

console.log (2!=4);
console.log (2!="2");

Keluaran:

benar
Salah

Operator Setara Ketat ()

Operator persamaan yang ketat () kembali benar jika operan sama. Ini membandingkan keduanya—nilai dan jenis operan saat membandingkan.

console.log (24);
console.log("2"2);

Keluaran:

Salah
Salah

Operator Ketat Tidak Sama (!==)

Operator ketat tidak sama (!==) kembali benar jika operan tidak sama. Itu juga membandingkan keduanya—nilai dan jenis operan saat membandingkan.

console.log (2 !== 4);
console.log (2 !== "2");

Keluaran:

benar
benar

Lebih Besar Dari Operator (>)

Lebih besar dari operator (>) mengembalikan nilai true jika operan kiri lebih besar dari operan kanan.

console.log (10>4);
console.log (5>5);

Keluaran:

benar
Salah

Operator Lebih Besar dari atau Setara (>=)

Operator yang lebih besar dari atau sama dengan (>=) mengembalikan nilai true jika operan kiri lebih besar dari atau sama dengan operan kanan.

console.log (10 >= 4);
console.log (5 >= 5);

Keluaran:

benar
benar

Kurang Dari Operator (

Lebih kecil dari operator (<) mengembalikan nilai true jika operan kiri kurang dari operan kanan.

console.log (10<4);
console.log (5<5);

Keluaran:

Salah
Salah

Operator Kurang Dari atau Sama dengan (<=)

Operator yang kurang dari atau sama dengan (<=) mengembalikan nilai true jika operan kiri kurang dari atau sama dengan operan kanan.

console.log (10 <= 4);
console.log (5 <= 5);

Keluaran:

Salah
benar

Terkait: Cara Membuat Kalkulator Sederhana Menggunakan HTML, CSS, dan JavaScript

5. Operator Logika

Menurut pejabat Dokumen MDN, JavaScript menyediakan operator logika berikut:

Logika DAN (&&)

Penggunaan: expr1 && expr2

Mengembalikan expr1 jika dapat dikonversi menjadi false; jika tidak, mengembalikan expr2. Ketika digunakan dengan nilai Boolean, && kembali benar jika kedua operan benar; jika tidak, ia kembali Salah.

console.log (benar && salah);

Keluaran:

Salah

Logika ATAU (||)

Penggunaan: expr1 || expr2

Mengembalikan expr1 jika dapat dikonversi menjadi true; jika tidak, mengembalikan expr2. Ketika digunakan dengan nilai Boolean, || kembali benar jika salah satu operan benar; jika keduanya salah, kembalikan Salah.

console.log (benar || salah);

Keluaran:

benar

Logis TIDAK (!)

Penggunaan: !expr

Kembali Salah jika operan tunggalnya dapat dikonversi menjadi true; jika tidak, kembalikan benar.

console.log(!benar);

Keluaran:

Salah

6. Operator Bitwise

JavaScript menyediakan operator bitwise berikut:

Bitwise DAN Operator (&)

Operator ini melakukan Boolean DAN operasi pada setiap bit argumen integernya.

// Dalam biner-
// 4: 100
// 1: 001
console.log (4 & 1);

Keluaran:

0

Bitwise ATAU Operator (|)

Operator ini melakukan Boolean ATAU operasi pada setiap bit argumen integernya.

console.log (4 | 1);

Keluaran:

5

Operator XOR Bitwise (^)

Operator ini melakukan eksklusif Boolean ATAU operasi pada setiap bit argumen integernya.

console.log (4 ^ 1);

Keluaran:

5

Bitwise BUKAN Operator (~)

Operator ini membalikkan semua bit dalam operan.

console.log(~4);

Keluaran:

-5

Catatan: JavaScript mengonversi angka menjadi bilangan bulat bertanda 32-bit sebelum melakukan operasi bitwise. Dan ketika operasi dilakukan, itu mengubah hasilnya kembali ke angka JavaScript 64-bit.

Operator Shift Kiri (<

Operator ini menggeser semua bit dalam operan pertama ke kiri dengan jumlah tempat yang ditentukan dalam operan kedua.

console.log (4<<1);

Keluaran:

8

Operator Shift Kanan (>>)

Operator ini menggeser semua bit dalam operan pertama ke kanan dengan jumlah tempat yang ditentukan dalam operan kedua.

console.log (4>>1);

Keluaran:

2

7. Operator Khusus

Operator Terner

Operator ternary adalah kependekan dari pernyataan if-else. Ini memberikan nilai ke variabel berdasarkan suatu kondisi, sintaks untuk hal yang sama adalah:

kondisi? nilai1: nilai2

Jika kondisinya benar, operator mengembalikan nilai nilai1. Jika tidak, ia mengembalikan nilai nilai2.

biarkan hasil = (200>100)? "Ya Tidak";
console.log (hasil);

Keluaran:

Ya

Jenis Operator

NS jenis operator digunakan untuk mencari tipe data dari suatu nilai atau variabel.

console.log (typeof (100));
console.log(typeof("100"));

Keluaran:

nomor
rangkaian

Gunakan JavaScript One-Liners untuk Membuat Kode Seperti Pro

Anda dapat melakukan berbagai operasi hanya dengan menggunakan satu baris kode dalam JavaScript. Baik Anda perlu mengacak larik, mendeteksi mode gelap di browser, membuat UUID acak, atau menemukan rata-rata larik, Anda dapat mencapainya hanya dengan sebaris kode.

11 JavaScript One-Liners Yang Harus Anda Ketahui

Raih banyak hal hanya dengan sedikit kode menggunakan rangkaian luas JavaScript one-liners ini.

Baca Selanjutnya

Tentang Penulis