Frontend : JAVASCRIPT Bagian 7 – Macam-macam Operator

Maaf teman-teman, penulis baru posting materi hari ini dikarenakan ada kegiatan diluar dugaan. Gomen… Operator? Mungkin teman-teman akan mengira Operator = OP Warnet. Artinya pasti bukan OP Warnet. Hmmm terus apa dong? Dalam dunia pemrograman Operator adalah sebuah instruksi atau statement suatu bahasa pemrograman yang digunakan untuk mendapatkan hasil akhir pada sebuah program. Contoh : 1 + 1 = 2. (=) ini adalah sebuah operator untuk mendapatkan hasil 1 + 1. Sudah ada bayangan? Bukan bayangan dia ya…, Maksudnya bayangan tentang Operator. Oke langsung aja dibahas, berikut beberapa Operator umum yang sering digunakan :


1. Operator Assignment (=)

Operator ini termasuk operator yang selalu dan umum dipakai untuk keperluan coding. Operator ini digunakan untuk mengetahui hasil akhir dari statement yang kita buat.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 7 - Macam-macam Operator</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 7 - Macam-macam Operator</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = 1 + 1;

	console.log(x);
</script>
</body>
</html>


Hasil :


2. Operator Concatenation (+)

Operator Concatenation atau biasa disebut operator penyambung ini untuk menyambungkan nilai. Misal String dengan string… Operator ini hanya bisa menyambungkan nilai pada sebuah variabel ya teman-teman, tidak berlaku untuk menyambungkan hubungan kamu yang tandas ditengah tol hehe…

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 7 - Macam-macam Operator</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 7 - Macam-macam Operator</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = "Aku" + " BISA.";

	console.log(x);
</script>
</body>
</html>


Hasil :


3. Operator Aritmatika (+ – * / %)

Operator jenis aritmatika biasanya digunakan untuk keperluan menghitung.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 7 - Macam-macam Operator</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 7 - Macam-macam Operator</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = 1 + 2 - 3 * 4 / 6 % 6;

	console.log(x);
</script>
</body>
</html>


Hasil :


4. Operator Increment Decrement(a++ a–)

Operasi increment decrement biasa digunakan untuk keperluan perulangan. Materi perulangan selengkapnya akan dipelajari di bab selanjutnya.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 7 - Macam-macam Operator</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 7 - Macam-macam Operator</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	for(a = 0; a < 10; a++)
	{
		console.log(a);
	}
</script>
</body>
</html>


Hasil :


5. Operator Perbandingan (== === != !== < > <= >=)

Operator perbandingan biasanya digunakan untuk membandingkan nilai dengan nilai lain seperti 8 < 9. Hasilnya adalah TRUE(Tipe data Boolean). Ketika hasil TRUE maka hasil akan tampil di layar. Operator ini biasanya digunakan saat kita ingin membuat alur terhadap program kita. Mengenai alur program akan dibahas pada materi selanjutnya.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 7 - Macam-macam Operator</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 7 - Macam-macam Operator</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var a = 8;
	if(a < 10)
	{
		console.log('Hasil = Betul');
	}
</script>
</body>
</html>


Hasil :


6. Operator Execution (Eksekusi)

Operator eksekusi adalah operator yang digunakan untuk meng-eksekusi sebuah perintah Javascript. Contoh kita akan menampilkan perintah popup di Javascript dengan command “alert()”. Materi ini akan teman-teman pelajari di materi DOM (Document Object Model)

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 7 - Macam-macam Operator</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 7 - Macam-macam Operator</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = alert('hai');
</script>
</body>
</html>


Hasil :


7. Operator Logic (AND OR | && /)

Bisa disebut Operator Logika karena untuk keperluan logika seperti membuat percabangan alur program. Jika hasilnya benar true, jika salah false. Selengkapnya akan teman-teman pelajari di materi Alur Percabangan program atau dikenal dengan IF Condition.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 7 - Macam-macam Operator</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 7 - Macam-macam Operator</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = 15;
	var y = 15;
	if(x && y)
	{
		console.log('Nilai X dan Y = 15');
	}
</script>
</body>
</html>


Hasil :


Jika ada yang kurang paham, silahkan bertanya di kolom komentar…

Leave a Reply

Your email address will not be published. Required fields are marked *