Loading...

Mengenal Enam Operator Yang Wajib Pada Javascript

Pelajaran berikutnya ialah mengenal opertor pada javascript, operator meruapakn hal yang mendasar dan perlu kamu pelajari sebelum melanjut pada pembelajaran berikutnya.

Apa itu operator?

Operator merupakan sebuah simbol yang di gunakan untuk memberitahukan pada mesin javascript untuk melakukan tindakan seperti operasi, perhitungan logika ataupun matematika.

Dalam pemograman operator terbagi ke dalam enam bagian.

  1. Operator aritmatika;
  2. Operator Penugasan (Assignment);
  3. Opeartor relasi atau perbandingan;
  4. Operator Logika;
  5. Operator Bitwise;
  6. Operator Ternary;
Untuk contoh sederhana penggunaan variabel bisa kamu lihat di bawah ini.
var a = 3;
var b = 4;
Lalu bagaiman kita cara menjumlahkannya, untuk mendapatkan hasilnya kita bisa menggunakan symbol tanda plus +.
var c = a + b;
Hasilnnya nanti akan di simpan pada variabel c, tanda plus + merupakan sebuah operator.

1. Operator Aritmatika

Operator aritmatika merupakan operator untuk melakukan operasi aritmatika seperti penjumlahan, pengurangan, perkalian.

Operator aritmatika terdiri dari 
Nama Operator Simbol
Penjumlahan +
Pengurangan -
Perkalian *
Pemangkatan **
Pembagian /
Sisa Bagi %
Untuk contoh penggunaannya bisa kamu lihat di bawah ini.
var a = 5;
var b = 3;

// menggunakan operator penjumlahan
var c = a + b;
console.log(c);
Kamu bisa juga mencobanya pada operator lain caranya seperti di bawah ini.
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Operator Aritmatika</title>
</head>

<body>

    <script>
        var a = 15;
        var b = 4;
        var c = 0;

        // pengurangan
        c = a - b;
        document.write(`${a} - ${b} = ${c}<br/>`);

        // Perkalian
        c = a * b;
        document.write(`${a} * ${b} = ${c}<br/>`);

        // pemangkatan
        c = a ** b;
        document.write(`${a} ** ${b} = ${c}<br/>`);

        // Pembagian
        c = a / b;
        document.write(`${a} / ${b} = ${c}<br/>`);

        // Modulo
        c = a % b;
        document.write(`${a} % ${b} = ${c}<br/>`);
    </script>
</body>

</html>
Jika kamu perhatikan operator module (%) dan operator penjumlahan (+), operator module berfungsi untuk menghitung sisa bagi dan operator penjumlahan untuk menghitung penjumlahan.

2. Operator Penugasan (Assignment)

Operator penugasan merupakan operator yang berfungsi untuk memberikan tugas kepada variabel, contohnya seperti di bawah ini.
var a = 10;
Variabel pada a akan di tugaskan untuk menyimpan nilai 10.
Operator penugasan terdiri dari 
Nama Operator Sombol
Pengisian Nilai =
Pengisian dan Penambahan +=
Pengisian dan Pengurangan -=
Pengisian dan Perkalian *=
Pengisian dan Pemangkatan **=
Pengisian dan Pembagian /=
Pengisian dan Sisa bagi %=
Operator penugasan memiliki fungsi yang sama dengan operator aritmatika dan juga di gunakan dalam operasi aritmatika.

Contohnya seperti di bawah ini. 
var jumlahView = 12;

// menggunakan operator penugasan penjumlahan
// untuk menambah nilai
jumlahView += 1;
Pengertian dari jumlah View += 1; ialah
jumlahView = jumlahView + 1;
Maksudnya ialah jumlahView dengan nilai dari hasil nilai jumlahView sebelumnya ialah 1. Berikut adalah contoh operator penugasan.
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Operator Penugasan</title>
</head>

<body>

    <script>
        document.write("Mula-mula nilai score...<br>");
        // pengisian nilai
        var score = 100;
        document.write("score = "+ score + "<br/>");

        // pengisian dan menjumlahan dengan 5
        score += 5;
        document.write("score = "+ score + "<br/>");

        // pengisian dan pengurangan dengan 2
        score -= 2;
        document.write("score = "+ score + "<br/>");

        // pengisian dan perkalian dengan 2
        score *= 2;
        document.write("score = "+ score + "<br/>");

        // pengisian dan pembagian dengan 4
        score /= 4;
        document.write("score = "+ score + "<br/>");

        // pengisian dan pemangkatan dengan 2
        score **= 2;
        document.write("score = "+ score + "<br/>");

        // pengisian dan modulo dengan 3;
        score %= 3;
        document.write("score = "+ score + "<br/>");
    </script>
</body>

</html>

3. Operator Relasi atau Perbandingan

Operator relasi biasanya di gunakan untuk melakukan perbandingan dua nilai, operator ini akan menghasilkan dua nilai yaitu true dan false.
Operator perbandingan terdiri dari.
Nama Operator Sombol
Pengisian Nilai =
Pengisian dan Penambahan +=
Pengisian dan Pengurangan -=
Pengisian dan Perkalian *=
Pengisian dan Pemangkatan **=
Pengisian dan Pembagian /=
Pengisian dan Sisa bagi %=
Untuk contohnya bisa kamu lihat di bawah sini.
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Operator Perbandingan</title>
</head>

<body>

    <script>
        var aku = 20;
        var kamu = 19;

        // sama dengan
        var hasil = aku == kamu;
        document.write(`${aku} == ${kamu} = ${hasil}<br/>`);
        
        // lebih besar
        var hasil = aku > kamu;
        document.write(`${aku} > ${kamu} = ${hasil}<br/>`);
        
        // lebih besar samadengan
        var hasil = aku >= kamu;
        document.write(`${aku} >= ${kamu} = ${hasil}<br/>`);
        
        // lebih kecil
        var hasil = aku < kamu;
        document.write(`${aku} < ${kamu} = ${hasil}<br/>`);
        
        // lebih kecil samadengan
        var hasil = aku <= kamu;
        document.write(`${aku} <= ${kamu} = ${hasil}<br/>`);
        
        // tidak samadengan
        var hasil = aku != kamu;
        document.write(`${aku} != ${kamu} = ${hasil}<br/>`);
    </script>
</body>

</html>
Perbandingan dengan menggunakan simbol == hanya akan membandingkan nilai saja. Sedangkan yang menggunakan === akan membandingkan dengan tipe data juga.

4. Pengertian operator Logika

Operator logika berfungsi terhadap dua nilai boolean. Operator ini terdiri dari.
Nama Operator Simbol
Logika AND &&
Logika OR ||
Negasi/kebalikan !
Contohnya seperti di bawah ini.
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Operator Logika</title>
</head>

<body>

    <script>
        var aku = 20;
        var kamu = 19;

        var benar = aku > kamu;
        var salah = aku < kamu;

        // operator && (and)
        var hasil = benar && salah;
        document.write(`${benar} && ${salah} = ${hasil}<br/>`);
        
        // operator || (or)
        var hasil = benar || salah;
        document.write(`${benar} || ${salah} = ${hasil}<br/>`);
        
        // operator ! (not)
        var hasil = !benar
        document.write(`!${benar} = ${hasil}<br/>`);

    </script>
</body>

</html>

5. Operator Bitwise

Operator bitwise di fungsikan untuk operasi bit  (biner). Contohnya seperti di bawah ini.
Nama Simbol di Java
AND &
OR |
XOR ^
Negasi/kebalikan ~
Left Shift «
Right Shift »
Left Shift (unsigned) «<
Right Shift (unsigned) »>
Operator ini berlaku untuk tipe data int, long, short, char, dan byte. Untuk lebih jelasnya kamu bisa melihat contohnya di bawah ini.
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Operator Bitwise</title>
</head>

<body>

    <script>
        var x = 4;
        var y = 3;

        // operator bitwise and
        var hasil = x & y;
        document.write(`${x} & ${y} = ${hasil}<br/>`);

        // operator bitwise or
        var hasil = x | y;
        document.write(`${x} | ${y} = ${hasil}<br/>`);

        // operator bitwise xor
        var hasil = x ^ y;
        document.write(`${x} ^ ${y} = ${hasil}<br/>`);

        // operator negasi
        var hasil = ~x;
        document.write(`~${x} = ${hasil}<br/>`);
        
        // operator bitwise right shift >>
        var hasil = x >> y;
        document.write(`${x} >> ${y} = ${hasil}<br/>`);

        // operator bitwise right shift <<
        var hasil = x << y;
        document.write(`${x} << ${y} = ${hasil}<br/>`);

        // operator bitwise right shift (unsigned) >>>
        var hasil = x >>> y;
        document.write(`${x} >>> ${y} = ${hasil}<br/>`);

    </script>
</body>

</html>

6. Operator Ternary

Operator ini terdiri dari tiga bagian, berikut merupakan struktur dari operator tenary.
bagian kiri <operator> bagian tengah <operator> bagian kanan
Operator ini biasanya berfugsi untuk membuat percabangan if/else. Simbol dari operator ini terdiri dari tanda tanya dan titik dua (?:).

Penulisannya seperti di bawah ini.
<kodisi> ? "benar" : "salah"
Silahkan perhatikan pada bagian <kondisi&gt; kamu dapat menghasilkan nilai true dan false. Lebih jelasnya bisa kamu lihat di bawah ini.
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Operator Ternary</title>
</head>

<body>

    <script>
        var pertanyaan = confirm("Apakah kamu berumur diatas 18 tahun?")

        var hasil = pertanyaan ? "Selamat datang" : "Kamu tidak boleh di sini";
        document.write(hasil);
    </script>
</body>

</html>
Oke demikian dulu pembasa enam operator yang wajib kamu ketahui dalam javascript  
IT Enthusiast

Posting Komentar