Pengertian Operator, Jenis Operator dan Cara Menggunakan Operator di Javascript

oleh SolusiLain.Com

Sebelum lebih lanjut belajar tentang Operator di Javascript, saya sarankan untuk membaca tutorial sebelumnya yaitu tentang : Pengertian Variabel dan Cara Menggunakan Variabel di Javascript. Karena dalam penggunaan operator ini nanti akan berkaitan dengan variabel.

Contoh jika ada ungkapan 10 + 20 sama dengan 30, maka angka 10 dan angka 20 disebut dengan operan dan tanda + disebut dengan operator.

Pengertian Operator

Operator merupakan simbol atau karakter yang digunakan dalam program untuk melakukan suatu ekspresi atau memanipulasi seperti menjumlahkan, memberikan nilai ke suatu variabel, membandingkan nilai dan lain sebagainya. Oh iya, Ekspresi sendiri merupakan gabungan antara variabel-variabel, literal-literal operator yang mengevaluasi suatu nilai baik berupa numerik, string ataupun nilai logik.

Jenis-Jenis Operator

1. Operator Aritmatika

Operator aritmatika digunakan untuk mengoperasikan atau melakukan perhitungan aritmatika dan menghasilkan nilai berupa number. Berikut ini daftar operator aritmatika:

Operasi	Keterangan	Contoh
+	Tambah	X+y
–	Kurang	x-y
*	Kali	X*y
/	Bagi	x/y
%	Modulus	X%y
=	Sama Dengan	X=y

2. Operator Pembanding (Relasi)

Operator Pembanding digunakan untuk membandingkan dua buah operan. Operan yang dikenal oleh operator ini dapat berupa string, numerik maupun ekspresi lainnya. Sedangkan hasil dari perbandingan ini berupa kondisi atau keadaan TRUE dan FALSE.

Berikut ini daftar operator pembanding (relasi):

Operasi	Keterangan
==	Sama dengan
!=	Tidak sama dengan
>	Lebih besar
>=	Lebih besar atau sama dengan
<	Lebih kecil
<=	Lebih kecil atau sama dengan

3. Operator Pemberian Nilai (Assignment)

Operator Assignment digunakan untuk memberikan nilai operan yang terletak di sebelah kanan ke operan di sebelah kiri dan disimbolkan dengan tanda (=).

Berikut ini daftar operator assignment pada Javascript:

Operasi	Keterangan	Contoh
+=	Ditambah dengan	x+=y
-=	Dikurangi dengan	x-=y
*=	Dikalikan dengan	x*=y
/=	Dibagi dengan	x/=y
%=	Modulus dengan	x%=y
&=	Bit AND Dengan	x&=y
\|=	Bit OR	x\|=y

4. Operator Bitwise

Operator bitwise digunakan untuk melakukan manipulasi data dalam bentuk bit (bilangan biner). Seluruh operator bit hanya dapat digunakan pada operan bertipe integer atau karakter.

Berikut ini daftar operator bitwise pada javascript:

Operasi	Keterangan
&	Bit AND
^	Bit XOR
\|	Bit OR
–	Bit NOT
>>	Geser ke kanan
<<	Geser ke kiri

5. Operator Logika

Operator logika digunakan untuk menghubungkan ungkapan pembanding (relasi). Operator logika membandingkan operan-operan dan mengembalikan nilai yang bergantung pada hasil perbandingan tersebut.

Berikut ini daftar operator logika pada javascript:

Operator	Keterangan
&&	Logika AND
\|\|	Logika OR
!	Logika NOT

Cara Menggunakan Operator di Javascript

Setelah di jelaskan tentang pengertian operator dan jenis-jenis operator, selanjutnya akan di jelaskan cara menggunakan operator di javascript. Supaya lebih mudah dipahami, maka akan diberikan contoh pada masing-masing jenis operator berikut ini:

1. Contoh Penggunaan Operator Aritmatika

Script:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Operator Aritmatika</title>
</head>
<body>

	<h3>Contoh Hasil Penggunakan Operator Aritmatika</h3>

	<p id="penjumlahan"></p>

	<script>
		var x = 10;
		var y = 20;
		var z = x + y;
		document.getElementById("penjumlahan").innerHTML = z;
	</script>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Belajar Operator Aritmatika</title>

</head>

<body>

<h3>Contoh Hasil Penggunakan Operator Aritmatika</h3>

var x = 10;

var y = 20;

var z = x + y;

document.getElementById("penjumlahan").innerHTML = z;

</script>

</body>

</html>

Hasil :

Hasil Operator Aritmatika Javascript

2. Contoh Penggunaan Operator Pembanding

Script:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Operator Pembanding</title>
</head>
<body>

	<h3>Contoh Hasil Penggunakan Operator Pembanding</h3>

	<script>
		var a = 10;
        var b = 20;
        var pisah = "<br />";
  
        document.write("(a == b) => ");
        hasil = (a == b);
        document.write(hasil);
        document.write(pisah);
     
        document.write("(a < b) => ");
        hasil = (a < b);
        document.write(hasil);
        document.write(pisah);
	</script>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Belajar Operator Pembanding</title>

</head>

<body>

<h3>Contoh Hasil Penggunakan Operator Pembanding</h3>

var a = 10;

var b = 20;

var pisah = "<br />";

document.write("(a == b) => ");

hasil = (a == b);

document.write(hasil);

document.write(pisah);

document.write("(a < b) => ");

hasil = (a < b);

document.write(hasil);

document.write(pisah);

</script>

</body>

</html>

Hasil:

Hasil Operator Pembanding Javascript

3. Contoh Penggunaan Operator Assignment

Script:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Operator Assignment</title>
</head>
<body>

	<h3>Contoh Hasil Penggunakan Operator Assignment</h3>

	<script>
		var a = 33;
        var b = 10;
        var pisah = "<br />";
     
        document.write("Nilai dari a => (a = b) => ");
        hasil = (a = b);
        document.write(hasil);
        document.write(pisah);
     
        document.write("Nilai dari a => (a += b) => ");
        hasil = (a += b);
        document.write(hasil);
        document.write(pisah);
	</script>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Belajar Operator Assignment</title>

</head>

<body>

<h3>Contoh Hasil Penggunakan Operator Assignment</h3>

var a = 33;

var b = 10;

var pisah = "<br />";

document.write("Nilai dari a => (a = b) => ");

hasil = (a = b);

document.write(hasil);

document.write(pisah);

document.write("Nilai dari a => (a += b) => ");

hasil = (a += b);

document.write(hasil);

document.write(pisah);

</script>

</body>

</html>

Hasil:

Hasil Operator Assignment Javascript

4. Contoh Penggunaan Operator Bitwise

Script:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Operator Bitwise</title>
</head>
<body>

	<h3>Contoh Hasil Penggunakan Operator Bitwise</h3>

	<script>
		var a = 2;
        var b = 3;
        var pisah = "<br />";
     
        document.write("(a & b) => ");
        hasil = (a & b);
        document.write(hasil);
        document.write(pisah);
     
        document.write("(a | b) => ");
        hasil = (a | b);
        document.write(hasil);
        document.write(pisah);
     
        document.write("(a ^ b) => ");
        hasil = (a ^ b);
        document.write(hasil);
        document.write(pisah);
	</script>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Belajar Operator Bitwise</title>

</head>

<body>

<h3>Contoh Hasil Penggunakan Operator Bitwise</h3>

var a = 2;

var b = 3;

var pisah = "<br />";

document.write("(a & b) => ");

hasil = (a & b);

document.write(hasil);

document.write(pisah);

document.write("(a | b) => ");

hasil = (a | b);

document.write(hasil);

document.write(pisah);

document.write("(a ^ b) => ");

hasil = (a ^ b);

document.write(hasil);

document.write(pisah);

</script>

</body>

</html>

Hasil:

Hasil Operator Bitwise Javascript

5. Contoh Penggunaan Operator Logika

Script:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Operator Logika</title>
</head>
<body>

	<h3>Contoh Hasil Penggunakan Operator Logika</h3>

	<script>
		var a = true;
        var b = false;
        var pisah = "<br />";
  
        document.write("(a && b) => ");
        hasil = (a && b);
        document.write(hasil);
        document.write(pisah);
     
        document.write("(a || b) => ");
        hasil = (a || b);
        document.write(hasil);
        document.write(pisah);
     
        document.write("!(a && b) => ");
        hasil = (!(a && b));
        document.write(hasil);
        document.write(pisah);
	</script>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Belajar Operator Logika</title>

</head>

<body>

<h3>Contoh Hasil Penggunakan Operator Logika</h3>

var a = true;

var b = false;

var pisah = "<br />";

document.write("(a && b) => ");

hasil = (a && b);

document.write(hasil);

document.write(pisah);

document.write("(a || b) => ");

hasil = (a || b);

document.write(hasil);

document.write(pisah);

document.write("!(a && b) => ");

hasil = (!(a && b));

document.write(hasil);

document.write(pisah);

</script>

</body>

</html>

Hasil:

Hasil Operator Logika Javascript

Demikian beberapa contoh penggunaan operator pada javascript, silahkan dicoba-coba penggunaan operator yang belum ada dalam contoh di atas. Amati hasil uji coba penggunaan operator sehingga kalian paham dengan semua fungsi dari operator dan cara penggunaanya di javascript.

Pengertian Operator, Jenis Operator dan Cara Menggunakan Operator di Javascript

Pengertian Operator

Jenis-Jenis Operator

1. Operator Aritmatika

2. Operator Pembanding (Relasi)

3. Operator Pemberian Nilai (Assignment)

4. Operator Bitwise

5. Operator Logika

Cara Menggunakan Operator di Javascript

1. Contoh Penggunaan Operator Aritmatika

2. Contoh Penggunaan Operator Pembanding

3. Contoh Penggunaan Operator Assignment

4. Contoh Penggunaan Operator Bitwise

5. Contoh Penggunaan Operator Logika

Mungkin Anda juga menyukai

Tinggalkan Balasan Batalkan balasan

Kategori

Posting Terbaru

Pengertian Operator, Jenis Operator dan Cara Menggunakan Operator di Javascript

Pengertian Operator

Jenis-Jenis Operator

1. Operator Aritmatika

2. Operator Pembanding (Relasi)

3. Operator Pemberian Nilai (Assignment)

4. Operator Bitwise

5. Operator Logika

Cara Menggunakan Operator di Javascript

1. Contoh Penggunaan Operator Aritmatika

2. Contoh Penggunaan Operator Pembanding

3. Contoh Penggunaan Operator Assignment

4. Contoh Penggunaan Operator Bitwise

5. Contoh Penggunaan Operator Logika

Mungkin Anda juga menyukai

Pengertian Variabel dan Cara Menggunakan Variabel di Javascript

Struktur Dasar Javascript dan Cara Penulisan Javascript

Cara Menggunakan Conditional Statements IF-ELSE pada Javascript

Tinggalkan Balasan Batalkan balasan

Kategori

Posting Terbaru