Materi Pertemuan 4. Mengenal Operator JavaScript

Hallo semua, saya rasa pada pertemuan sebelumnya terkait dengan Tipe Data JavaScript sudah cukup jelas, jadi pada pertemuan kali ini kita akan membahas bersama tentang Operator pada JavaScript. 

Operator

Saya rasa semua bahasa pemrograman pasti ada yang namanya operator ini, sebagaimana tipe data dan juga variabel. Operator merupakan hal mendasar yang harus kita ketahui disemua bahasa pemrograman. Misalkan ;

var a = 1;
var b = 2;

Pertanyaannya : Bagaimana cara kita menjumlahkan kedua variabel di atas ?
Jawabannya : Dengan menggunakan operator, seperti di bawah ini

var c = a + b;

Bagaimana cara penggunaannya ? pada pertemuan kali ini kita akan membahas bersama, silahkan disimak.

Jenis jenis operator

Ada berbagai jenis operator yang ada dalam bahasa pemrograman, dan semua memiliki fungsi dan kegunaan yang berbeda, diantaranya yaitu:

1. Operator aritmatika;
2. Operator Penugasan (Assignment);
3. Opeartor relasi atau perbandingan;
4. Operator Logika;

Mari kita bahas ke 6 jenis operator di atas, semoga bisa dipahami dengan baik.

1. Operator Aritmatika

Operator aritmatika yaitu jenis operator yang banyak digunakan, karena operator ini sangat lumrah digunakan dikehidupan kita sehari hari, yaitu penjumlahan, pengurangan, pembagian, perkalian dll.

Berikut adalah tabel Operator Aritmatika [1].

Mari kita coba bagaimana mengimplementasikannya dalam bahasa pemrograman JavaScript. Untuk mencoba kita langsung bisa menggunakan Console yang ada pada Google Chrome.  Caranya yaitu klik kanan pada halaman Google Chrome, kemudian pilih Inspect dan console ada di atas sebelah kanan.

Silahkan jalankan kode dibawah pada console yang ada masing-masing.

var a = 1;
var b = 2;
//kita akan menggunakan operator penjumlahan
var c = a + b;
//hasil di cetak dengan console
console.log(c);

Bila dijalankan maka hasil yang akan tampil seperti dibawah ini.

Silahkan coba untuk operator yang lainnya, semoga berhasil.

Selanjutnya bagaimana menulis kode JavaScript tersebut didalam file HTML ? mari kita coba bersama. 

Ketikan kode berikut pada Text Editor kesayangan masing-masing.

Simpan file di atas dengan nama operator.html kemudian jalankan pada browser, maka akan menampilkan sebagai berikut.

2. Opeartor Penugasan 

Operator penugasan merupakan operator yang memiliki tugas memberikan tugas pada variabel, jenis operator penugasan sebagai berikut:

Operator penugasan ini hampir sama dengan operator Aritmatika. Mari kita bersama melihat contoh dibawah ini.

var jumlahView = 100;

// menggunakan operator penugasan penjumlahan
// untuk menambah nilai

jumlahView += 1;

Maksud dari jumlahView += 1; maksudnya sama seperti aritmatika penjumlahan jumlahView = jumlahView + 1; 

Silahkan di jenis operator lainnya.

3. Opeartor Perbandingan 

Operator perbandingan merupakan sebuah operator yang menghasilkan dua jenis nilai yaitu true or flase . Contoh operator perbandingan yaitu sebagai berikut.

Contoh misalkan kita memiliki kode sebagai berikut :

var a = 1;
var b = 2;

console.log(a>b);

Coba jalankan kode di atas pada console, akan tampil hasil sebagai berikut :

Silahkan coba Operator Perbandingan lainnya. Dan share hasilnya pada kolom komentar di bawah.

4. Opeartor Logika

Operator logika hampir sama dengan operator perbandingan, operator ini menghasilkan nilai bolean yaitu true atau false.Operator logika terdiri seperti gambar berikut.

Adapun contoh dari operator di atas sebagai berikut :

var a = 1;
var b = 2;

var benar = a<b;
var salah = a>b;

var hasil = benar && salah;
console.log (hasil);

Silahkan jalankan contoh di atas pada cosole, hasil yang akan ditampilkan adalah sebagai berikut :

Mungkin cukup sekian dulu pembahasan kita, sebenarnya ada 2 jenis operator lagi yang belum kita bahas, tapi jenis operator tersbut kurang familiar, jadi kita tidak akan membahasnya.

Jangan lupa komentar terkait kehadiran ketik [nim-nama].

Bila ada pertanyaan silahkan bisa di kolom komentar / via Whatsapp.

Ahmad Subki