Operator JavaScript


JavaScript menyertakan operator yang sama seperti bahasa pemrograman lainnya. Operator melakukan beberapa operasi pada satu atau beberapa operan (nilai data) dan memberikan hasil.


Contoh

Menetapkan nilai ke variabel dan menambahkan bersama-sama:

<!DOCTYPE html>
<html>
  <body>
    <h2>Operator JavaScript</h2>

    <p>x = 5, y = 2, kalkulasi z = x + y, dan tampilkan z:</p>

    <p id="demo"></p>

    <script>
      let x = 5;
      let y = 2;
      let z = x + y;
      document.getElementById("demo").innerHTML = z;
    </script>
  </body>
</html>

Hasil

Operator JavaScript

x = 5, y = 2, kalkulasi z = x + y, dan tampilkan z:

7


Operator penugasan/assignment (=) memberikan nilai ke variabel.


Contoh

<!DOCTYPE html>
<html>
  <body>
    <h2>Operator JavaScript</h2>

    <p id="demo"></p>

    <script>
      let x = 10;
      document.getElementById("demo").innerHTML = x;
    </script>
  </body>
</html>

Hasil

Operator JavaScript

10


Operator penambahan/addition (+) menambahkan angka.


Contoh

<!DOCTYPE html>
<html>
  <body>
    <h2>Aritmatika JavaScript</h2>

    <p id="demo"></p>

    <script>
      let x = 5;
      let y = 2;
      let z = x + y;
      document.getElementById("demo").innerHTML = z;
    </script>
  </body>
</html>

Hasil

Aritmatika JavaScript

7


Operator perkalian/multipication (*) mengalikan angka.


Contoh

<!DOCTYPE html>
<html>
  <body>
    <h2>Aritmatika JavaScript</h2>

    <p id="demo"></p>

    <script>
      let x = 5;
      let y = 2;
      let z = x * y;
      document.getElementById("demo").innerHTML = z;
    </script>
  </body>
</html>

Hasil

Aritmatika JavaScript

10


Operator Aritmatika JavaScript

Operator aritmatika digunakan untuk melakukan aritmatika pada angka.

Operator Keterangan
+ Penambahan
- Pengurangan
* Perkalian
** Eksponen (ES2016)
/ Pembagian
% Modulus
++ Increment
-- Decrement

Operator Penugasan JavaScript

Operator penugasan menetapkan nilai ke variabel JavaScript.

Operator Contoh Sama Seperti
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

Operator penambahan penugasan (+=) menambahkan nilai ke variabel.


Contoh

<!DOCTYPE html>
<html>
  <body>
    <h2>Operator +=</h2>

    <p id="demo"></p>

    <script>
      var x = 10;
      x += 5;
      document.getElementById("demo").innerHTML = x;
    </script>
  </body>
</html>

Hasil

Operator +=

15


Operator String JavaScript

The Operator + juga dapat digunakan untuk menambahkan (concatenate) string.


Contoh

<!DOCTYPE html>
<html>
  <body>
    <h2>Operator JavaScript</h2>

    <p>Operator + menambahkan nilai string.</p>

    <p id="demo"></p>

    <script>
      let text1 = "Ian";
      let text2 = "Zune";
      let text3 = text1 + " " + text2;
      document.getElementById("demo").innerHTML = text3;
    </script>
  </body>
</html>

Hasil

Operator JavaScript

Operator + menambahkan nilai string.

Ian Zune


Operator += juga dapat digunakan untuk menambahkan (concatenate) string.


Contoh

<!DOCTYPE html>
<html>
  <body>
    <h2>Operator JavaScript</h2>

    <p>Operator += dapat menggabungkan string.</p>

    <p id="demo"></p>

    <script>
      let text1 = "Hari yang sangat ";
      text1 += "indah";
      document.getElementById("demo").innerHTML = text1;
    </script>
  </body>
</html>

Hasil

Operator JavaScript

Operator += dapat menggabungkan string.

Hari yang sangat indah


Catatan: Ketika digunakan pada string, operator + disebut operator penggabungan.


Menambahkan String dan Angka

Menambahkan dua angka akan menghasilkan angka, tetapi menambahkan angka dan string akan menghasilkan string.


Contoh

<!DOCTYPE html>
<html>
  <body>
    <h2>Operator JavaScript</h2>

    <p>Menambahkan angka dan string, mengembalikan nilai string.</p>

    <p id="demo"></p>

    <script>
      let x = 5 + 5;
      let y = "5" + 5;
      let z = "Halo" + 5;
      document.getElementById("demo").innerHTML =
      x + "<br>" + y + "<br>" + z;
    </script>
  </body>
</html>

Hasil

Operator JavaScript

Menambahkan angka dan string, mengembalikan nilai string.

10
55
Halo5


Operator Perbandingan JavaScript

Operator Keterangan
== sama dengan
=== nilai yang sama dan jenis yang sama
!= tidak sama
!== tidak sama nilainya atau tidak sama jenisnya
> lebih besar dari
< lebih kecil dari
>= lebih dari atau sama dengan
<= kurang dari atau sama dengan
? operator ternary

Operator Logika JavaScript

Operator Keterangan
&& logis dan
|| logis atau
! logis tidak

Operator Type JavaScript

Operator Keterangan
typeof Mengembalikan tipe variabel
instanceof Mengembalikan nilai true jika suatu objek adalah turunan dari tipe objek

Operator Bitwise JavaScript

Operator bit bekerja pada angka 32 bit.

Setiap operan numerik dalam operasi diubah menjadi angka 32 bit. Hasilnya dikonversi kembali ke nomor JavaScript.

Operator Keterangan Contoh Sama Seperti Hasil Desimal
& AND 5 & 1 0101 & 0001 0001 1
| OR 5 | 1 0101 | 0001 0101 5
~ NOT ~ 5 ~0101 1010 10
^ XOR 5 ^ 1 0101 ^ 0001 0100 4
<< Zero fill left shift 5 << 1 0101 << 1 1010 10
>> Signed right shift 5 >> 1 0101 >> 1 0010 2
>>> Zero fill right shift 5 >>> 1 0101 >>> 1 0010 2

Sumber referensi: w3schools

Komentar

Posting Komentar