Tutorial Belajar JavaScript Bagian 6 : Jenis-jenis Operator JavaScript

0
1604

Pada tutorial sebelumnya, kita sudah belajar Tutorial Belajar JavaScript Bagian 5 : Jenis-jenis Tipe Data JavaScript, selanjutnya kita akan belajar jenis-jenis operator JavaScript.

Apa itu Operator di JavaScript

Operator adalah simbol atau keyword yang memberi tahu mesin JavaScript untuk melakukan beberapa jenis tindakan.

Misalnya, simbol penjumlahan (+) adalah operator yang memberi tahu mesin JavaScript untuk menambahkan dua variabel atau nilai, sedangkan simbol sama dengan (==), lebih besar dari (>) atau kurang dari (<) adalah operatornya yang memberi tahu mesin JavaScript untuk membandingkan dua variabel atau nilai, dan seterusnya.

Bagian berikut menjelaskan berbagai operator yang digunakan dalam JavaScript.

Operator Aritmatika JavaScript

Operator aritmatika digunakan untuk melakukan operasi aritmatika umum, seperti penjumlahan, pengurangan, perkalian, dll.

Berikut daftar lengkap operator aritmatika JavaScript:

OperatorDeskripsiContohHasil
+Penjumlahanx + yJumlah x dan y
Penguranganx – ySelisih x dan y
*Perkalianx * yPerkalian x dan y
/Divisix / yHasil bagi dari x dan y
%Modulusx % ySisa dari x dibagi y

Contoh berikut akan menunjukkan kepada Anda bagaimana operator aritmatika ini bekerja:

<script>
    var x = 10;
    var y = 4;
    document.write(x + y); // Cetak: 14
    document.write("<br>");
    
    document.write(x - y); // Cetak: 6
    document.write("<br>");
    
    document.write(x * y); // Cetak: 40
    document.write("<br>");
    
    document.write(x / y); // Cetak: 2.5
    document.write("<br>");
    
    document.write(x % y); // Cetak: 2
</script>

Operator Assigment JavaScript

Operator assignment digunakan untuk memberikan nilai ke variabel.

OperatorDeskripsiContohSama dengan
=Tentukanx = yx = y
+=Tambahkan dan tetapkanx += yx = x + y
-=Kurangi dan tetapkanx -= yx = x – y
*=Kalikan dan tetapkanx *= yx = x * y
/=Bagi dan berikan hasil bagix /= yx = x / y
%=Bagilah dan tetapkan modulusx %= yx = x% y

Contoh berikut akan menunjukkan kepada Anda cara kerja operator assignment:

<script>
    var x;    // Deklarasi Variabel
 
    x = 10;
    document.write(x + "<br>"); // Cetak: 10
    
    x = 20;
    x += 30;
    document.write(x + "<br>"); // Cetak: 50
     
    x = 50;
    x -= 20;
    document.write(x + "<br>"); // Cetak: 30
     
    x = 5;
    x *= 25;
    document.write(x + "<br>"); // Cetak: 125
     
    x = 50;
    x /= 10;
    document.write(x + "<br>"); // Cetak: 5
     
    x = 100;
    x %= 15;
    document.write(x); // Cetak: 10
</script>

Operator String JavaScript

Ada 2 operator yang juga bisa digunakan untuk string.

OperatorDeskripsiContohHasil
+Penyambunganstr1 + str2Rangkaian str1 dan str2
+=Tugas Penyambunganstr1 += str2Menambahkan str2 ke str1

Contoh berikut akan menunjukkan kepada Anda cara kerja operator string:

<script>
    var str1 = "Halo";
    var str2 = "Dunia!";
    
    document.write(str1 + str2 + "<br>"); // Outputs: Halo Dunia!
     
    str1 += str2;
    document.write(str1); // Outputs: Halo Dunia!
</script>

Operator Increment dan Decrement JavaScript

Operator increment/decrement digunakan untuk menaikkan / menurunkan nilai variabel.

OperatorNamaEfek
++xPre-incrementTambah nilai x dengan 1, lalu kirim nilai x
x++Post-incrementKirim nilai x, lalu tambah nilai x dengan 1
–xPre-decrementKurangi nilai x dengan 1, lalu kirim nilai x
x–Post-decrementKirim nilai x, lalu kurangi nilai x dengan 1

Contoh berikut akan menunjukkan cara kerja operator increment dan decrement:

<script>
    var x; // Deklarasi Variabel
 
    x = 10;
    document.write(++x); // Cetak: 11
    document.write("<p>" + x + "</p>");   // Cetak: 11
     
    x = 10;
    document.write(x++); // Cetak: 10
    document.write("<p>" + x + "</p>");   // Cetak: 11
     
    x = 10;
    document.write(--x); // Cetak: 9
    document.write("<p>" + x + "</p>");   // Cetak: 9
     
    x = 10;
    document.write(x--); // Cetak: 10
    document.write("<p>" + x + "</p>");   // Cetak: 9
</script>

Operator Logika JavaScript

Operator logika biasanya digunakan untuk menggabungkan pernyataan bersyarat.

OperatorNamaContohHasil
&&Andx && yBenar jika x dan y benar
||Orx || yBenar jika x atau y benar
!Not! XBenar jika x tidak benar

Contoh berikut akan menunjukkan kepada Anda cara kerja operator logika:

<script>
    var tahun = 2021;
 
    // Tahun kabisat habis dibagi 400 atau 4 tetapi tidak habis 100
    if((tahun % 400 == 0) || ((tahun % 100 != 0) && (tahun % 4 == 0))){
        document.write(tahun + " adalah tahun kabisat.");
    } else{
        document.write(tahun + " bukan tahun kabisat.");
    }
</script>

Operator Perbandingan JavaScript

Operator perbandingan digunakan untuk membandingkan dua nilai dengan gaya Boolean.

OperatorNamaContohHasil
==Sama denganx == yTrue jika x sama dengan y
===Identikx === yTrue jika x sama dengan y, dan keduanya memiliki tipe yang sama
!=Tidak sama denganx! = YTrue jika x tidak sama dengan y
!==Tidak identikx! == yTrue jika x tidak sama dengan y, atau keduanya tidak berjenis sama
<Kurang darix < yTrue jika x kurang dari y
>Lebih besar darix > yTrue jika x lebih besar dari y
>=Lebih dari atau sama denganx >= yTrue jika x lebih besar dari atau sama dengan y
<=Kurang dari atau sama denganx <= yTrue jika x kurang dari atau sama dengan y

Contoh berikut akan menunjukkan cara kerja operator perbandingan:

<script>
    var x = 25;
    var y = 35;
    var z = "25";
     
    document.write(x == z);  // Cetak: true
    document.write("<br>");
    
    document.write(x === z); // Cetak: false
    document.write("<br>");
    
    document.write(x != y);  // Cetak: true
    document.write("<br>");
    
    document.write(x !== z); // Cetak: true
    document.write("<br>");
    
    document.write(x < y);   // Cetak: true
    document.write("<br>");
    
    document.write(x > y);   // Cetak: false
    document.write("<br>");
    
    document.write(x <= y);  // Cetak: true
    document.write("<br>");
    
    document.write(x >= y);  // Cetak: false
</script>

Semoga tutorial ini membantu Anda untuk belajar jenis-jenis operator JavaScript.

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.