Belajar JavaScript dasar lengkap
Operator dalam JavaScript
Belajar javascript dasar lengkap – Dalam bahasa pemrograman, operator merupakan simbol-simbol yang digunakan untuk melakukan sebuah operasi tertentu dan lebih banyak digunakan dalam fungsi matematika.
Mari kita ambil ekspresi sederhana 4 + 5 sama dengan 9. Di sini 4 dan 5 disebut operan dan ‘ +’ disebut operator. JavaScript mendukung jenis operator berikut :
- Operator Aritmatika
- Operator Perbandingan
- Operator Logika (atau Relasional)
- Operator Penugasan
- Operator Bersyarat (atau ternary)
Mari kita lihat semua operator satu per satu.
Belajar javascript dasar untuk pemula
Operator Aritmatika
JavaScript mendukung operator aritmatika berikut: Asumsikan variabel A berisi 10 dan variabel B berisi 20, maka:
| No | Operator dan Deskripsi |
| 1 | + (Penambahan)
Menambahkan dua operan Contoh: A + B akan memberi 30 |
| 2 | – (Pengurangan)
Kurangi operan kedua dari operan pertama Contoh: A – B akan memberikan -10 |
| 3 | * (Perkalian)
Kalikan kedua operan Contoh: A * B akan memberikan 200 |
| 4 | / (Divisi)
6. OPERATORS Javascript 21 Bagi pembilang dengan penyebutnya Contoh: B / A akan memberi 2 |
| 5 | % (Modulus)
Menampilkan sisa pembagian bilangan bulat Contoh: B % A akan memberikan 0 |
| 6 | ++ (Peningkatan)
Meningkatkan nilai integer dengan satu Contoh: A ++ akan memberikan 11 |
| 7 | – (Penurunan)
Mengurangi nilai bilangan bulat sebesar satu Contoh: A– akan memberikan 9 |
Catatan: Operator penambahan (+) berfungsi untuk Numerik dan juga String. misalnya “a” + 10
akan memberikan “a10”.
Contoh 1
<html>
<body>
<script type="text/javascript">
var a = 33;
var b = 10;
var c = "Test";
var linebreak = "<br />";
document.write("a + b = ");
result = a + b;
document.write(result);
document.write(linebreak)
document.write("a - b = ");
result = a - b;
document.write(result);
document.write(linebreak);
document.write("a / b = ");
result = a / b;
document.write(result);
document.write(linebreak);
document.write("a % b = ");
result = a % b;
document.write(result);
document.write(linebreak);
document.write("a + b + c = ");
result = a + b + c;
document.write(result);
document.write(linebreak);
a = a++;
document.write("a++ = ");
result = a++;
document.write(result);
document.write(linebreak);
b = b--;
document.write("b-- = ");
result = b--;
document.write(result);
document.write(linebreak)
//-->
</script>
<p>Set the variables to different values and then try...</p>
</body>
</html>
Operator Perbandingan
| No | Operator dan Deskripsi |
| 1 | == (sama)
Memeriksa apakah nilai dua operan sama atau tidak, jika ya, maka kondisi menjadi benar. Contoh: (A == B) tidak benar. |
| 2 | ! = (Tidak Sama)
Memeriksa apakah nilai dua operan sama atau tidak, jika nilainya tidak sama, maka kondisi menjadi benar. Contoh: (A! = B) benar. |
| 3 | > (Lebih besar dari)
Memeriksa apakah nilai operan kiri lebih besar dari nilai Javascript 24 operan yang tepat, jika ya, maka kondisinya menjadi benar. Contoh: (A>B) tidak benar. |
| 4 | <(Kurang dari)
Memeriksa apakah nilai operan kiri kurang dari nilai operan yang tepat, jika ya, maka kondisinya menjadi benar. Contoh: (A <B) benar. |
| 5 | > = (Lebih besar dari atau Sama dengan)
Memeriksa apakah nilai operan kiri lebih besar dari atau sama dengan nilai operan yang tepat, jika ya, maka kondisinya menjadi benar. Contoh: (A> = B) tidak benar. |
| 6 | <= (Kurang dari atau Sama dengan)
Memeriksa apakah nilai operan kiri kurang dari atau sama dengan nilai operan yang tepat, jika ya, maka kondisinya menjadi benar. Contoh: (A <= B) benar |
Contoh 2
<html>
<body>
<script type="text/javascript">
var a = 10;
var b = 20;
var linebreak = "<br />";
document.write("(a == b) => ");
result = (a == b);
document.write(result);
document.write(linebreak);
document.write("(a < b) => ");
result = (a < b);
document.write(result);
document.write(linebreak);
document.write("(a > b) => ");
result = (a > b);
document.write(result);
document.write(linebreak);
document.write("(a != b) => ");
result = (a != b);
document.write(result);
document.write(linebreak);
document.write("(a >= b) => ");
result = (a >= b);
document.write(result);
document.write(linebreak);
document.write("(a <= b) => ");
result = (a <= b);
document.write(result);
document.write(linebreak);
</script>
<p>Set the variables to different values and different operators and
then try...</p>
</body>
</html>
Operator Logika
JavaScript mendukung operator logika berikut: Asumsikan variabel A menampung 10 dan variabel B menampung 20, maka
| No | Operator dan Deskripsi |
| 1 | && (Logical AND)
Jika kedua operan bukan nol, maka kondisinya menjadi benar. Contoh: (A && B) benar. |
| 2 | || (Logical OR)
Jika salah satu dari dua operan bukan nol, maka kondisinya menjadi benar. Contoh: (A || B) benar. |
| 3 | ! (Logical NOT)
Membalikkan status logika operandnya. Jika suatu kondisi benar, maka operator Logical NOT akan membuatnya salah. Contoh :! (A && B) salah |
Coba kode berikut untuk mempelajari cara mengimplementasikan Operator Logika dalam JavaScript.
Contoh 3
<html>
<body>
<script type="text/javascript">
var a = true;
var b = false;
var linebreak = "<br />";
document.write("(a && b) => ");
result = (a && b);
document.write(result);
document.write(linebreak);
document.write("(a || b) => ");
result = (a || b);
document.write(result);
document.write(linebreak);
document.write("!(a && b) => ");
result = (!(a && b));
document.write(result);
document.write(linebreak);
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>
Operator BitWise
JavaScript mendukung operator bitwise berikut: Asumsikan variabel A menampung 2 dan variabel B menampung 3.
| No | Operator dan Deskripsi |
| 1 | & (BitWise AND)
Ia melakukan operasi Boolean AND pada setiap bit bilangan bulatnya argumen. Contoh: (A & B) adalah 2. |
| 2 | | (BitWise OR)
Ia melakukan operasi Boolean OR pada setiap bit bilangan bulatnya argumen. Contoh: (A | B) adalah 3. |
| 3 | ^ (Bitwise XOR)
Ia melakukan operasi OR eksklusif Boolean pada setiap bit argumen integernya. Eksklusif OR berarti salah satu operan benar atau operan dua benar, tetapi tidak keduanya. Contoh: (A^B) adalah 1. |
| 4 | ~ (Bitwise NOT)
Ini adalah operator unary dan beroperasi dengan membalikkan semua bit di operan Contoh: (~ B) adalah -4. |
| 5 | << (Left Shift)
Ini memindahkan semua bit dalam operan pertamanya ke kiri dengan jumlah tempat yang ditentukan dalam operan kedua. Bit baru diisi dengan nol. Menggeser nilai yang ditinggalkan satu posisi sama dengan mengalikannya dengan 2, menggeser dua posisi sama dengan mengalikan dengan 4, dan seterusnya. Contoh: (A << 1) adalah 4. |
| 6 | >> >> (Right Shift)
Operator Shift Kanan Biner. Nilai operan kiri dipindahkan ke kanan dengan jumlah bit yang ditentukan oleh operan kanan. Contoh: (A >> 1) adalah 1. |
| 7 | >>> (Right shift with Zero)
Operator ini sama seperti operator >>, hanya saja bitnya bergeser di sebelah kiri selalu nol. Contoh: (A >>> 1) adalah 1 |
Contoh 4
<html>
<body>
<script type="text/javascript">
var a = 2; // Bit presentation 10
var b = 3; // Bit presentation 11
var linebreak = "<br />";
document.write("(a & b) => ");
result = (a & b);
document.write(result);
document.write(linebreak);
document.write("(a | b) => ");
result = (a | b);
document.write(result);
document.write(linebreak);
document.write("(a ^ b) => ");
result = (a ^ b);
document.write(result);
document.write(linebreak);
document.write("(~b) => ");
result = (~b);
document.write(result);
document.write(linebreak);
document.write("(a << b) => ");
result = (a << b);
document.write(result);
document.write(linebreak);
document.write("(a >> b) => ");
result = (a >> b);
document.write(result);
document.write(linebreak);
</script>
<p>Set the variables to different values and different operators and
then try...</p>
</body>
</html
Operator Penugasan
JavaScript mendukung operator penugasan berikut:
| No | Operator dan Deskripsi |
| 1 | = (Tugas Sederhana)
Menetapkan nilai dari operan sisi kanan ke operan sisi kiri Contoh: C = A + B akan menetapkan nilai A + B ke dalam C |
| 2 | += (Tambah dan Tugas)
Itu menambahkan operan kanan ke operan kiri dan memberikan hasilnya ke operan kiri. Contoh: C + = A setara dengan C = C + A |
| 3 | -= (Pengurangan dan Tugas)
Ini mengurangi operan kanan dari operan kiri dan menetapkan hasil ke operan kiri. Contoh: C – = A setara dengan C = C – A |
| 4 | *= (Perkalian dan Tugas)
Ini mengalikan operan kanan dengan operan kiri dan menetapkan hasil ke operan kiri. Contoh: C * = A setara dengan C = C * A |
| 5 | /= (Bagi dan Tugas)
Ini membagi operan kiri dengan operan kanan dan memberikan hasilnya ke operan kiri. Contoh: C / = A setara dengan C = C / A |
| 6 | %= (Modul dan Tugas)
Dibutuhkan modulus menggunakan dua operan dan memberikan hasilnya ke kiri operan. Contoh: C % = A setara dengan C = C % A |
Contoh 5
<html>
<body>
<script type="text/javascript">
var a = 33;
var b = 10;
var linebreak = "<br />";
document.write("Value of a => (a = b) => ");
result = (a = b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a += b) => ");
result = (a += b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a -= b) => ");
result = (a -= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a *= b) => ");
result = (a *= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a /= b) => ");
result = (a /= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a %= b) => ");
result = (a %= b);
document.write(result);
document.write(linebreak);
</script>
<p>Set the variables to different values and different operators and
then try...</p>
</body>
</html
Sumber :
– Abdul Qadir, 2013, From Zero to A Pro Javascript & Jquery, Andi Yogyakarta
– Tutorials point, 2015, JavaScript Language Tutorials Point, E-book, tutorialspoint.com
– www.w3bai.com