Javascript - Operator


Artikel tentang Javascript ini memiliki keterkaitan dari 1s/d selesai (lihat postingan sebelumnya). Untuk itu bila anda belum faham di artikel ini dan seterusnya, saya sarankan buka lagi postingan mengenai Javasvript yang sebelumnya. Mengingat bahwa posting mengenai JavaScript ini sengaja saya buat terpisah dengan tujuan dalam pemahaman mengenai Javascript ini mudah untuk dipelajari.


JavaScript menyediakan berbagai operator yang memungkinkan programmer menulis sejumlah ekspresi dari yang paling sederhana sampai yang paling sulit.

Operator pada JavaScript terbagi menjadi enam, yaitu :
  1. Aritmatika Operator
  2. Assignment Operator (=) 
  3. Bitwise Operator (Pemanipulasian bit) 
  4. Comparison Operator (Operator Pembanding)
  5. Logikal Operator
  6. String Operator
Operator Aritmatika

Operator dalam JavaScript sangat mirip dengan operator yang muncul dalam bahasa pemrograman lain. Definisi operator adalah simbol yang digunakan untuk melakukan operasi. Yang paling sering digunakan operasi ini seperti Operator Aritmetika. Sesuai dengan fungsinya, operator aritmatika melakukan operasi perhitungan aritmatika. JavaScript mendukung operator standard aritmatika seperti penjumlahan (+), pengurangan (-), perkalian (*), dan pembagian (/). Juga memiliki operator modulus (%). Lihat tabel 1

Tabel 1 : Tabel Aritmatik
 Operator Definisi Contoh value y hasil x
 + Penambahan x=y+2 5 7
 - Pengurangan x= y-2 5 3
 * Pengkalian x= y * 2 5 10
 / Pembagian x= y / 2 5 2.5
 % Modulus x= y % 2 5 1
 ++ Increment x=++y 6 6
 x=y++ 6 5
-- Decrement x=--y 4 4
 x=y-- 4 5

Operator Assignment

Seperti kebanyakan bahasa pemograman lainnya, untuk memberikan sebuah nilai kepada suatu variable menggunakan tanda sama dengan (=). Operator pemberi nilai "sama dengan" adalah suatu operator binari yang digunakan untuk memberi nilai dari sisi kiri (biasanya berupa suatu variabel) yang didasarkan pada nilai sebelah kanan

Contoh Tugas :
x = 5000 ;
Pada Contoh Tugas diatas, bahwa x adalah variable, sama dengan (=) adalah operator, 5000 adalah nilai untuk variable, dan x = 5000 adalah expresi

Tabel 2 : Tabel Assignment Operator
OperatorKeteranganPenyingkatanContoh
 = Sama dengan x = y x = y
 += ditambah sama dengan x += y x = x + y
 -= Dikurangi Sama Dengan x -= y x = x - y
 /= Dibagi Sama Dengan x /= y x = x / y
 %= Modulus Sama Dengan x %= y x = x % y

Contoh Tugas;
var x = 5000 ;
var y = 2500 ;
x -= y
alert(x);

Bitwise Operator

Operator pembanding/Operator Bitwise diterapkan pada perbandingan pada data numerik dan data string serta tidak dapat dilakukan pada nilai Boolean. Masing-masing operan harus memiliki tipe yang sama.  Lihat Tebel 3:
Tabel 3 : Operator Pembanding
OperatorKeterangaContohContoh Bolean
==Sama dengan x == yTrue
!=Tidak sama dengan x != yTrue
>Lebih besar dari x > yFalse
<Lebih kecil dari x < yTrue
>=Lebih besas sama denganx >= yFalse
<=Lebih kecil sama dengan x <= yFalse

Contoh Tugas :

var x = 4;
var y = 5; if(x < y){
 alert("x lebih besar dari y");
}
else if(x > y ) {
 alert("x lebih kecil dari y");
}

Logical Operator

Operator logika digunakan untuk menentukan logika antara variabel atau nilai. Numerik lebih besar/lebih kecil dengan String atau sebaliknya. Hasil dari Logikal dapat menggunakan sebuah nilai Boolean (false atau True).
lihat tabel 4
Tabel 4 : Operator Logika
LogikaKeterangaContohContoh Bolean
 && And x > 100 && y < 1 True
 || Or x == 6 || y == 6 True
 ! Not (! adalah suatu unary operator yang 
 mempertahankan nilai ekspresi.)
 ! (x == y) True

Contoh Tugas :

var x = 76;
if(x >= 80){
alert("Nilai = A");
}else if(x >= 70 && x < 80){
alert("Nilai = B");
}else if(x >= 60 && x < 70){
alert("Nilai = C");
}else{
alert("Nilai = D");
}

String Operator

Operator juga dapat digunakan untuk menambahkan variabel string atau nilai-nilai teks bersama-sama. Untuk mendeklarasikan tipe string dapat dilakukan dengan cara menuliskan string diantara tanda petik tunggal (’) atau tanda petik ganda (”). String memiliki beberapa operator, yaitu concatenation (penggabungan) dan operator konversi. Kita mulai dengan String concatenation.
  • Concatenation (Penggabungan)
Operasi yang paling umum dilakukan adalah dengan string concatenation. Rangkaian adalah proses menggabungkan dua string menjadi satu string lagi. Sebagai contoh, kita bisa menggabungkan string "teks1" dan "teks2" ke dalam string satu kesatuan.

Contoh Tugas ;
var string1 = "penggabungan"; // String Pertama
var string2 = "string"; // String kedua
stringConcat = string1 + string2; // Menggabungkan string dengan (+)
document.write (stringConcat); // Menggabungan string

Dalam contoh di atas, kita menggunakan 2 (dua) variabel string. Ingat string dikelilingi oleh salah satu tanda kutip tunggal (' ') atau ganda (" "). Pada baris 3 (tiga) nampak "stringConcat = string1 + string2" dan kita menggunakan operator (+) untuk menggabungkan kedua string "string1 + string2". Sebelum penggabungan, kita memiliki dua string, yaitu "penggabungan" dan "string". Setelah penggabungan dengan operator (+), kita memanggil string tersebut dengan document.write (stringConcat);
  • Operator Konversi
Seperti namanya, yaitu konvert yang artinya merubah. Apa saja yang dapat diubah oleh operator konversi ini.
  1. parseInt, untuk mengubah string menjadi Integer
  2. parseFloat, untuk mengubah string menjadi Float
Fungsi parseInt;
Fungsi parseInt() digunakan untuk melakukan konversi dari tipe data string ke tipe data numerik berbentuk bilangan bulat / integer.

<script language="javascript">
stringInteger = "2.5"
diTambah = 3 + parseInt(stringInteger);
document.write(diTambah);
</script>

maka nilai variabel "diTambah" saat ini adalah 5 hasil dari "2+3" (nilai pecahan dari (2.5) dibulatkan menjadi 2) .

Fungsi parseFloat ;
parseFloat() digunakan untuk konversi dari tipe data string ke tipe data numerik bilangan pecahan / floating

<script language="javascript">
stringFloat = "2.5"
diTambah = 3 + parseFloat(stringInteger);
document.write(diTambah);
</script>

maka nilai variabel "diTambah" saat ini adalah 5.5 hasil dari "2.5+3".

Terkait dengan ini

8 komentar:

  1. mantabs mas bro blog tutornya, salam kenal n kunjungan dari
    aanggunaifi26.blogspot.com

    BalasHapus
  2. wah, thanks infonya mas sangat berguna sekali
    badarclan.blogspot.com

    BalasHapus
  3. javascript pertama kali saya kenal bahasa itu pada tahun 2009 yang lalu, terima kasih tutornya mas bro, sangat membantu sekali.
    lusihan-grosir-aksesoris.blogspot.com

    BalasHapus
  4. keren juga yah yang bisa mengoprasikan java scrif

    BalasHapus
  5. I am actually enjoying studying your nicely written articles. It appears to be like such as you spend lots of effort and time on your blog. I've bookmarked it and I'm trying for I am really enjoying studying your well written articles. It seems to be like you spend a number of time and effort in your blog. I've bookmarked it and I am trying ahead to studying new articles. Sustain the great work! ward to studying new articles. Sustain the nice work!
    7passengervehiclesworld.com

    BalasHapus
  6. Tititp artikel... arep di waca ya monggo Obat kutil kelamin

    BalasHapus
  7. Terimakasih.. tulisannya sangat bermanfaat..
    My blog
    My Campus

    BalasHapus

Saya mohon maaf atas ketidak terurusnya blog ini, dan saya pun tidak tahu kapan ada waktu luang agar blog ini dapat membalas kritik dan pertanyaan, apalagi untuk melanjutkan postingan saya yang sempat tertunda pada akhir-akhir ini.
Kemungkinan besar blog ini tidak akan aktif selama paling sebentar 2-3bulan karena saya (admin) sibuk mencari nafkah di dunia nyata.
Saya mohon maaf yang sebesar-besarnya karena tidak bertanggung jawab dalam hal yang seperti ini.

Untuk menyisipkan kode <i rel="pre">KODE ANDA YANG TELAH DI PARSE...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>

Link hidup akan terhapus secara otomatis
Convert kode terlebih dahulu bila komentar anda mengandung kode HTML/JScript pada tombol di bawah ini

Parse HTML