OPERATOR DALAM JAVASCRIPT

Operator adalah simbol yang digunakan untuk melakukan operasi pada suatu nilai dan variabel. Operator dalam pemrograman

Operator aritmatika
Operator Penugasan (Assignment)
Operator relasi atau perbandingan
Operator Logika
Operator Bitwise
Operator Ternary

A. Operator Aritmatika

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

Nama Operator	Simbol Aritmatika
Penjumlahan	+
Pengurangan	–
Perkalian	*
Pemangkatan	**
Pembagian	/
Sisa Bagi	%

<!DOCTYPE html>
<html lang=en>

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

<body>

    <script>
        var a = 20;
        var b = 2;

        document.write(c = a - b + "<br>" );// output :18
		document.write(d = a + b + "<br>" );// output :22
		document.write(e = a * b + "<br>" );// output :40
		document.write(f = a ** b + "<br>" );// output :400
		document.write(g = a / b + "<br>" );// output :10
		document.write(h = a % b + "<br>" );// output :0
    </script>
</body>
</html>

B. Operator Penugasan (Assignment)

Operator penugasan adalah operator yang digunakan untuk memberikan tugas kepada variabel.

Nama Operator	Simbol Operator
Pengisian Nilai	=
Pengisian dan Penambahan	+=
Pengisian dan Pengurangan	-=
Pengisian dan Perkalian	*=
Pengisian dan Pemangkatan	**=
Pengisian dan Pembagian	/=
Pengisian dan Sisa bagi	%=

<!DOCTYPE html>
<html lang="en">

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

<body>

    <script>
        
        var Nilai = 100;
        document.write("Nilai awal -> "+ Nilai + "<br/>");//Output : 100     
        Nilai += 5;
        document.write("Nilai += 5 -> "+ Nilai + "<br/>");//Output : 105 -> 100+5
        Nilai -= 2;
        document.write("Nilai -= 2 -> "+ Nilai + "<br/>");//Output : 103 -> 105-2
        Nilai *= 2;
        document.write("Nilai *= 2 -> "+ Nilai + "<br/>");//Output : 206 -> 103*2
        Nilai /= 4;
        document.write("Nilai /= 4 -> "+ Nilai + "<br/>");//Output : 51.5 -> 206/4
        Nilai **= 2;
        document.write("Nilai **= 2 -> "+ Nilai + "<br/>");//Output : 2652.25 -> 51.5**2
        Nilai %= 3;
        document.write("Nilai %= 3 -> "+ Nilai + "<br/>");//Output : 0.25 -> 2652.25%3
		
    </script>
</body>

</html>

C. Operator relasi atau perbandingan

Operator relasi atau perbandingan adalah operator yang digunakan untuk membandingkan dua nilai.

Operator perbandingan akan menghasilkan sebuah nilai boolean true dan false.

Nama Operator	Simbol Perbandingan
Lebih Besar	>
Lebih Kecil	<
Sama Dengan	== atau ===
Tidak Sama dengan	!= atau !==
Lebih Besar Sama dengan	>=
Lebih Kecil Sama dengan	<=

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

<body>

    <script>
        var Lima = 5;
        var Dua = 2;

        var hasil = Lima == Dua;
        document.write(`${Lima} == ${Dua} = ${hasil}<br/>`);//Output : false
        var hasil = Lima > Dua;
        document.write(`${Lima} > ${Dua} = ${hasil}<br/>`);//Output : true 
        var hasil = Lima >= Dua;
        document.write(`${Lima} >= ${Dua} = ${hasil}<br/>`);//Output : true 
        var hasil = Lima < Dua;
        document.write(`${Lima} < ${Dua} = ${hasil}<br/>`);//Output : false
        var hasil = Lima <= Dua;
        document.write(`${Lima} <= ${Dua} = ${hasil}<br/>`);//Output : false 
        var hasil = Lima != Dua;
        document.write(`${Lima} != ${Dua} = ${hasil}<br/>`);//Output : true 
		
    </script>
</body>

</html>

D. Operator Logika

Operator logika digunakan untuk melakukan operasi terhadap dua nilai boolean

Nama Operator	Simbol
Logika AND	&&
Logika OR	\|\|
Negasi/kebalikan	!

Operator Logika

<script>
    var Tujuh = 7;
    var Tiga = 3;

    var benar = Tujuh > Tiga;
    var salah = Tujuh < Tiga;

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

</script>

E. Operator Bitwise

Operator bitwise merupakan operator yang digunakan untuk operasi berdasarkan bit (biner). Operator bitwise berlaku untuk tipe data int, long, short, char, dan byte. Operator bitwise akan menghitung dari bit-ke-bit.

Nama	Simbol Bitwise
AND	&
OR	\|
XOR	^
Negasi/kebalikan	~
Left Shift	«
Right Shift	»
Left Shift (unsigned)	«<
Right Shift (unsigned)	»>

<!DOCTYPE html>
<html lang="en">

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

<body>

    <script>
        var x = 2;
        var y = 5;

        var hasil = x & y;
        document.write(`${x} & ${y} = ${hasil}<br/>`); //output : 2 & 5 = 0
        var hasil = x | y;
        document.write(`${x} | ${y} = ${hasil}<br/>`); //output : 2 | 5 = 7
        var hasil = x ^ y;
        document.write(`${x} ^ ${y} = ${hasil}<br/>`); //output : 2 ^ 5 = 7
        var hasil = ~x;
        document.write(`~${x} = ${hasil}<br/>`); //output : ~2 = -3
        var hasil = x >> y;
        document.write(`${x} >> ${y} = ${hasil}<br/>`); //output : 2 >> 5 = 0
        var hasil = x << y;
        document.write(`${x} << ${y} = ${hasil}<br/>`); //output : 2 << 5 = 64
        var hasil = x >>> y;
        document.write(`${x} >>> ${y} = ${hasil}<br/>`); //output : 2 >>> 5 = 0

    </script>
</body>

</html>

F. Operator Ternary

Operator ternary merupakan operator yang terdiri dari tiga bagian. Operator-operator sebelumnya hanya dua bagian saja, yaitu: bagian kiri dan kanan. Ini disebut operator binary.

<!DOCTYPE html>
<html lang="en">

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

<body>

    <script>
        var pertanyaan = confirm("Apakah kamu senang belajar JavaScript...?") //output : Apakah kamu senang belajar JavaScript...?

        var jawaban = pertanyaan ? "Kamu memilih OK" : "Kamu memilih Cancel"; //output : Jika klik OK --> Kamu memilih OK, Jika klik Cancel --> Kamu memilih Cancel
        document.write(jawaban);
    </script>
</body>

</html>