Operator di dalam JavaScript


Fika Ridaul Maulayya
Software Engineer | Content Creator | Founder & Author di SantriKoding.com

Operator di dalam JavaScript - Halo teman-teman semuanya, pada kesempatan kali ini kita semua akan belajar tentang operator di dalam bahasa pemrogramman JavaScript.

Apa itu Operator?

Mari kita ambil ungkapan sederhana 4 + 5 sama dengan 9 . Di sini 4 dan 5 disebut operands dan + disebut operator . JavaScript mendukung jenis-jenis operator berikut.

  • Operator Aritmatika
  • Operator Perbandingan
  • Operator Logical (atau Relational)
  • Operator Penugasan
  • Operator bersyarat (atau ternary)

Mari kita lihat semua operator satu per satu.

Operator Aritmatika

JavaScript mendukung operator aritmatika berikut - Kita asumsikan variabel A menampung 10 dan variabel B menampung 20, lalu -

  • + (Tambahan) - Menambahkan dua operan, Contoh: A + B akan memberi 30

  • - (Pengurangan) - Kurangi operan kedua dari yang pertama Contoh: A - B akan memberikan -10

  • * (Perkalian) - Lipat gandakan kedua operan Misalnya: A * B akan memberi 200

  • / (Divisi) - Bagilah pembilang dengan penyebut Misalnya: B / A akan memberi 2

  • % (Modulus) - Menghasilkan sisa dari divisi integer Misalnya: B % A akan memberi 0

  • ++ (Penambahan) - Meningkatkan nilai integer satu Contoh: A ++ akan memberikan 11

  • - (Penurunan) - Mengurangi nilai integer satu Misalnya: A-- akan memberi 9

Catatan - Operator tambahan (+) berfungsi untuk Numerik dan juga Strings. misal "a" + 10 akan menghasilkan "a10".

Contoh Kode berikut menunjukkan cara menggunakan operator aritmatika dalam JavaScript.

<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>
      
      Set the variables to different values and then try...
   </body>
</html>

Kurang lebih hasilnya seperti berikut ini :

a + b = 43
a - b = 23
a / b = 3.3
a % b = 3
a + b + c = 43Test
++a = 35
--b = 8
Set the variables to different values and then try...

Operator Perbandingan

JavaScript mendukung operator perbandingan berikut - Kita asumsikan variabel A menampung 10 dan variabel B menampung 20, lalu -

  • = = (Sama) - Cek apakah nilai dua operan sama atau tidak, jika ya, maka kondisinya menjadi benar. Misalnya: (A == B) tidak benar.

  • ! = (Tidak Sama Dengan) - Cek apakah nilai dua operan sama atau tidak, jika nilainya tidak sama, maka kondisinya menjadi benar. Misalnya: (A! = B) benar.

  • > (Lebih besar dari) - Cek apakah nilai operan kiri lebih besar dari nilai operan kanan, jika ya, maka kondisinya menjadi benar. Misalnya: (A> B) tidak benar.

  • <(Kurang dari) - Cek apakah nilai operan kiri kurang dari nilai operan kanan, jika ya, maka kondisinya menjadi benar. Contoh: (A <B) benar.

  • > = (Lebih besar dari atau sama dengan) - Cek apakah nilai operan kiri lebih besar atau sama dengan nilai operan kanan, jika ya, maka kondisinya menjadi benar. Misalnya: (A> = B) tidak benar.

  • <= (Kurang dari atau Sama dengan) - Cek apakah nilai operan kiri kurang dari atau sama dengan nilai operan kanan, jika ya, maka kondisinya menjadi benar. Misalnya: (A <= B) benar.

Contoh Kode berikut menunjukkan cara menggunakan operator perbandingan dalam JavaScript.

<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>      
      Set the variables to different values and different operators and then try...
   </body>
</html>

Kurang lebih hasilnya seperti berikut ini :

(a == b) => false 
(a < b) => true 
(a > b) => false 
(a != b) => true 
(a >= b) => false 
a <= b) => true
Set the variables to different values and different operators and then try...

Operator Logical (atau Relational)

JavaScript mendukung operator logical berikut - Kita asumsikan variabel A menampung 10 dan variabel B menampung 20, lalu -

  • && (Logical AND) - Jika kedua operan tersebut bukan nol, maka kondisinya menjadi benar. Contoh: (A&& B) benar.

  • || (Logical OR) - Jika salah satu dari kedua operan itu bukan nol, maka kondisinya menjadi benar. Misalnya: (A || B) benar.

  • ! (Logical NOT) - Membalikkan keadaan logis operannya. Jika suatu kondisi benar, maka operator Logical NOT akan membuatnya salah. Contoh: ! (A && B) salah.

Contoh Coba kode berikut untuk mempelajari cara menerapkan Operator Logis dalam JavaScript.

<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>

Kurang lebih hasilnya seperti berikut ini :

(a && b) => false 
(a || b) => true 
!(a && b) => true
Set the variables to different values and different operators and then try...

Operator Bitwise

JavaScript mendukung operator bitwise berikut - Kita asumsikan variabel A menampung 2 dan variabel B menampung 3, lalu -

  • & (Bitwise AND) - Ia melakukan operasi Boolean DAN pada setiap bit argumen integernya. Misalnya: (A & B) adalah 2.

  • | (BitWise OR) - Ia melakukan operasi Boolean OR pada setiap bit argumen integernya. Misalnya: (A | B) adalah 3.

  • ^ (Bitwise XOR) - Ia melakukan operasi Boolean eksklusif ATAU pada setiap bit argumen integernya. Eksklusif ATAU berarti bahwa salah satu operan benar atau operan dua benar, tetapi tidak keduanya. Misalnya: (A ^ B) adalah 1.

  • ~ (Bitwise Not) - Ini adalah operator unary dan beroperasi dengan membalikkan semua bit di operan. Misalnya: (~ B) adalah -4.

  • << (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 oleh satu posisi sama dengan mengalikannya dengan 2, menggeser dua posisi sama dengan mengalikan dengan 4, dan seterusnya. Misalnya: (A << 1) adalah 4.

  • (Right Shift) - Operator Pergeseran Kanan Biner. Nilai operan kiri digerakkan ke kanan dengan jumlah bit yang ditentukan oleh operan kanan. Misalnya: (A >> 1) adalah 1.


  • >>> (Right shift with Zero) - Operator ini seperti operator >>, kecuali bahwa bit yang bergeser ke kiri selalu nol. Misalnya: (A >>> 1) adalah 1.

Contoh Coba kode berikut untuk mengimplementasikan operator Bitwise di JavaScript.

<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>

Kurang lebih hasilnya seperti berikut ini :

(a & b) => 2 
(a | b) => 3 
(a ^ b) => 1 
(~b) => -4 
(a << b) => 16 
(a >> b) => 0
Set the variables to different values and different operators and then try...

Operator Penugasan

JavaScript mendukung operator penugasan berikut -

  • = (Simple Assignment ) - Menetapkan nilai dari operan sisi kanan ke operan sisi kiri. Misalnya: C = A + B akan menetapkan nilai A + B ke dalam C

  • += (Add and Assignment) - Ini menambahkan operan kanan ke operan kiri dan memberikan hasilnya ke operan kiri. Misalnya: C + = A setara dengan C = C + A


  • −= (Subtract and Assignment) - Ini mengurangi operan kanan dari operan kiri dan memberikan hasilnya ke operan kiri. Misalnya: C - = A setara dengan C = C - A

  • *= (Multiply and Assignment) - Ini mengalikan operan kanan dengan operan kiri dan menetapkan hasilnya ke operan kiri. Misalnya: C * = A setara dengan C = C * A

  • /= (Divide and Assignment) - Ini membagi operan kiri dengan operan kanan dan memberikan hasilnya ke operan kiri. Misalnya: C / = A setara dengan C = C / A

  • %= (Modules and Assignment) - Dibutuhkan modulus menggunakan dua operan dan memberikan hasilnya ke operan kiri. Misalnya: C% = A setara dengan C = C% A


Catatan - Logika yang sama berlaku untuk operator Bitwise sehingga mereka akan menjadi seperti << =, >> =, >> =, & =, | = dan ^ =.

Contoh Coba kode berikut untuk menerapkan operator penugasan dalam JavaScript.

<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>

Kurang lebih hasilnya seperti berikut ini :

Value of a => (a = b) => 10
Value of a => (a += b) => 20 
Value of a => (a -= b) => 10 
Value of a => (a *= b) => 100 
Value of a => (a /= b) => 10
Value of a => (a %= b) => 0
Set the variables to different values and different operators and then try...

Operator Lain-Lain

Kami akan membahas dua operator di sini yang cukup berguna dalam JavaScript: operator kondisional (? :) dan operator typeof .

Operator Bersyarat (? :)

Operator bersyarat pertama mengevaluasi ekspresi untuk nilai benar atau salah dan kemudian mengeksekusi salah satu dari dua pernyataan yang diberikan tergantung pada hasil evaluasi.

  • ? : (Conditional ) - Jika kondisinya benar? Kemudian nilai X: Sebaliknya nilai Y

Contoh Coba kode berikut untuk memahami cara kerja Operator Bersyarat dalam JavaScript.

<html>
   <body>   
      <script type = "text/javascript">
            var a = 10;
            var b = 20;
            var linebreak = "<br />";
         
            document.write ("((a > b) ? 100 : 200) => ");
            result = (a > b) ? 100 : 200;
            document.write(result);
            document.write(linebreak);
         
            document.write ("((a < b) ? 100 : 200) => ");
            result = (a < b) ? 100 : 200;
            document.write(result);
            document.write(linebreak);
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

Kurang lebih hasilnya seperti berikut ini :

((a > b) ? 100 : 200) => 200 
((a < b) ? 100 : 200) => 100
Set the variables to different values and different operators and then try...

typeof Operator

The typeof operator adalah operator unary yang ditempatkan sebelum operan tunggal, yang dapat dari jenis apa pun. Nilainya adalah string yang menunjukkan tipe data operan.

The typeof mengevaluasi operator untuk "nomor", "string", atau "boolean" jika operan adalah sebuah angka, string, atau nilai boolean dan kembali benar atau salah berdasarkan evaluasi.

Berikut adalah daftar nilai pengembalian untuk typeof Operator.

  • Tipe : Number
  • String Dikembalikan oleh typeof : "number"

  • Tipe : String
  • String Dikembalikan oleh typeof : “string"

  • Tip : Boolean
  • String Dikembalikan oleh typeof : “boolean"

  • Tipe : Object
  • String Dikembalikan oleh typeof : “object"

  • Tipe : Function
  • String Dikembalikan oleh typeof : “function"

  • Tipe : Undefined
  • String Dikembalikan oleh typeof : “undefined"

  • Tipe : Null
  • String Dikembalikan oleh typeof : “object"

Contoh Kode berikut menunjukkan bagaimana menerapkan typeof operator.

<html>
   <body>      
      <script type = "text/javascript">
            var a = 10;
            var b = "String";
            var linebreak = "<br />";
         
            result = (typeof b == "string" ? "B is String" : "B is Numeric");
            document.write("Result => ");
            document.write(result);
            document.write(linebreak);
         
            result = (typeof a == "string" ? "A is String" : "A is Numeric");
            document.write("Result => ");
            document.write(result);
            document.write(linebreak);
      </script>      
      <p>Set the variables to different values and different operators and then try...</p>
   </body>
</html>

Kurang lebih hasilnya seperti berikut ini :

Result => B is String 
Result => A is Numeric
Set the variables to different values and different operators and then try...

sumber : https://www.tutorialspoint.com/javascript/javascript_operators.htm


Fika Ridaul Maulayya
Software Engineer | Content Creator | Founder & Author di SantriKoding.com

Jika Anda menyukai konten kami, silakan pertimbangkan untuk membeli kopi untuk kami.
Terima kasih atas dukungan Anda!

Buy me a coffeeBuy me a coffee
KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

KOMENTAR