Digitalmapia adalah situs dimana semua orang bisa menulis artikelnya sendiri. Klik "Login/Register untuk masuk, lalu klik "Tulis Artikel" untuk mulai menulis.

Belajar bahasa pemrograman Javascript [Bag. 1]: Variabel dan Operator

Javascript adalah sebuah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi lebih interaktif. Javascript merupakan sebuah bahasa pemrograman yang bersifat client side, artinya program dijalankan oleh browser, bukan web server. Itulah sebabnya, kita tidak memerlukan web server untuk menjalankan javascript kecuali akan dikombinasikan dengan bahasa pemrograman server side seperti PHP, contohnya pada penggunaan ajax.

Pada kesempatan kali ini, kita akan belajar bahasa pemrograman javascript dari dasar. Dimulai dengan penggunaan variabel dan tipe data. Sebelum melanjutkan, dianjurkan anda sudah mengerti mengenai HTML dan CSS.

Variabel pada Javascript

Dalam pemrograman, variabel adalah sebuah tempat sementara untuk mewakili sebuah data. Sebagai contoh, buatlah sebuah file bernama “index.html” sebagai berikut:

index.html:

<html>
	<head>
		<title>Belajar Javascript</title>
	</head>
	<script>
	var nama = "aladin";
	alert(nama);
	</script>
</html>

Kemudian, buka dengan menggunakan browser (firefox, chrome atau apapun). Maka, akan tampil alert dengan kata “aladin” didalamnya. Pada kode diatas, ‘var nama = “aladin”‘ merupakan contoh penggunaan variabel. dimana “nama” merupakan nama dari variabel tersebut dan “aladin” adalah value / isi dari variabel tersebut. Sedangkan, penggunaan kata “var” merupakan cara kita mendeklarasikan variabel pada javascript. Berikut contoh lain, cara mendeklarasikan atau membuat variabel:

var matapelajaran = "matematika";
var bahasa        = 'inggris';
var nilai         = 70;
var jumlah        = 14 + 15;

Perhatikan, bahwa setiap perintah yang dilakukan harus diakhiri dengan tanda semicolon/titik koma (;). Selain itu, pada contoh yang paling pertama diatas anda bisa lihat adanya fungsi “alert(nama)”. Fungsinya adalah untuk menampilkan variabel ‘nama’ ke dalam sebuah popup pada jendela browser.

dalam membuat variabel pada javascript, ada beberapa hal penting yang harus diperhatikan. diantaranya adalah sebagai berikut:

  • Nama variabel dapat berisi, huruf, angka, underscore(_), dan tanda dollar ($).
  • Nama variabel harus diawali dengan huruf dan tidak boleh diawali dengan angka.
  • Nama variabel juga boleh diawali dengan tanda dollar ($) atau underscore (_).
  • Nama variabel bersifat case sensitif yaitu membedakan antara huruf besar dan huruf kecil, artinya variabel Nama berbeda dengan nama.
  • Nama-nama fungsi pada Javascript tidak boleh dijadikan nama variabel. Sebagai contoh, kata “function” tidak boleh dijadikan nama variabel.

Lebih detail tentang mendeklarasikan variabel pada javascript

Membuat variabel pada javascript disebut dengan mendeklarasikan variabel. Anda bisa melakukan deklarasi variabel dengan menggunakan keyword var seperti berikut ini:

var NamaMobil;

Setelah deklarasi sebuah variabel tidak memiliki value / nilai. Meskipun ketika anda cek, maka akan terlihat adanya value yaitu “undefined” (tidak didefinisikan). Tapi, kita anggap tidak memiliki value. Untuk menambahkan value kepada variabel tersebut, kita bisa menggunakan tanda sama dengan seperti berikut ini:

namaMobil = "Avanza";

Anda juga bisa menambahkan value pada variabel sekaligus pada saat anda mendeklarasikannya, dengan cara sebagai berikut:

var namaMobil = "Avanza";

Pada contoh di bawah ini, kita membuat sebuah variabel bernama “namaMobil”, kemudian memberikan value yaitu “Avanza” kepada variabel tersebut. Kemudian kita menampilkan variabel tersebut pada sebuah elemen HTML yang memiliki id=”demo”:

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

<script>
	var namaMobil = "Avanza";
	document.getElementById("demo").innerHTML = namaMobil;
</script>

Satu Statement, Banyak Variabel

Anda dapat melakukan deklarasi variabel hanya dengan menggunakan satu statement. Mulai statement tersebut dengan var, kemudian pisahkan dengan tanda koma (,):

var orang = "Bambang Pamungkas", namaMobil = "Avanza", harga = "1000";

Agar program terlihat lebih rapi, maka satu statement seperti diatas dapat dipisahkan menjadi beberapa baris sebagai berikut:

var orang = "Bambang Pamungkas", 
namaMobil = "Avanza", 
harga = "1000";

Value = undefined

Pada program komputer, variabel sering dideklarasikan tanpa value/nilai. Sebuah value adalah sesuatu yang harus dikalkulasikan ataupun sesuatu yang akan diinputkan belakangan oleh pengguna. Sebuah variabel yang dideklarasikan tanpa value akan memiliki value undefined. Variabel namaMobil akan memiliki value undefined seteleh eksekusi statement berikut:

var namaMobil;

Mendeklarasikan kembali sebuah variabel yang memiliki nilai

Jika sebuah variabel yang sudah memiliki nilai dideklarasikan kembali, maka variabel tersebut tidak akan kehilangan value-nya. Value-nya akan tetap berada pada variabel tersebut:

var namaMobil = "Avanza";
var namaMobil;

Melakukan operasi aritmetika dan menambahkannya ke dalam sebuah variabel

Anda juga dapat melakukan operasi aritmetika kemudian memasukannya ke dalam variabel, sebagai contoh:


var x = 3 + 5 + 5;

Anda juga bisa menjumlahkan string, apabila anda menjumlahkan strings maka string tersebut akan ditambahkan dibelakang string tersebut:

var x = "Bambang" + " " + "Pamungkas";

Maka variabel x akan berisi string “Bambang Pamungkas”. Coba juga seperti ini:

var x = "5" + 2 + 5;

Jika anda menjumlahkan angka terhadap string, angka tersebut akan dianggap sebagai string.

Operator Pada Javascript

Pada javascript terdapat beberapa jenis operator diantaranya adalah operator aritmetika, operator assignment, operator string dan logical operator. Mari kita bahas satu persatu.

Operator Aritmetika pada javascript

Operator aritmetika adalah operator yang digunakan untuk melakukan operasi aritmetika pada angka, literal atau variabel seperti penjumlahan, pengurangan, perkalian dan pembagian. Operator aritmetika diantaranya adalah sebagai berikut:

Operator Keterangan
+ Penambahan
Pengurangan
* Perkalian
/ Pembagian
% Modulus
++ Increment
Decrement

Operator penjumlahan (+) digunakan untuk menjumlahkan angka:

	var x = 5;
	var y = 2;
	var z = x + y;

Operator perkalian (*) digunakan untuk mengalikan angka:

	var x = 5;
	var y = 2;
	var z = x * y;

Anda akan belajar lebih banyak mengenai javascript operator pada bagian berikutnya.

Operator Assignment pada javascript

Operator assignment digunakan untuk menambahkan value / nilai kepada sebuah variabel.

Operator Contoh penggunaan Contoh lain
= 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

Operator assignment (=) memasukan nilai kepada sebuah variabel:

	var x = 10;

Operator addition assignment (+=) menjumlahkan sebuah nila kepada sebuah variabel:

	var x = 10;
	x += 5;

Maka nilai x hasilnya adalah 15. x+= 5 sama dengan x = x + 5 dimana x = 10, maka x = 10 + 5, x = 15;

Operator String pada javascript

Operator + juga bisa digunakan untuk menggabungkan dua buah atau lebih strings. Ketika digunakan untuk menggabungkan string, operator (+) disebut dengan operator penggabungan (concatenation operator), bukan operator penjumlahan (addition operator).

Sebagai contoh:

txt1 = "Bambang";
txt2 = "Pamungkas";
txt3 = txt 1 + " " + txt2;

Maka hasilnya adalah:

Bambang Pamungkas

Operator += juga bisa digunakan untuk menggabungkan string. Sebagai contoh:

txt1 = "Hari yang sangat ";
txt1 += "indah";

Maka, hasilnya txt1 menjadi:

Hari yang sangat indah

Menjumlahkan String dan Angka

Menambahkan dua buah angka, akan menghasilkan jumlah dari kedua angka tersebut. Sedangkan, menambahkan angka dan string akan menghasilkan sebuah string baru yang merupakan gabungan dari keduanya. Sebagai contoh:

x = 5 + 5;
y = "5" + 5;
z = "Hello" + 5;

Aturannya adalah, jika anda menambahkan number dan string, maka hasilnya adalah string

Operator Perbandingan dan logika pada Javascript

Operator Keterangan
== Sama dengan
=== Sama nilai dan tipe data
!= Tidak sama dengan
!== Tidak sama dengan nilainya dan tipe datanya
> Lebih Besar
< Lebih Kecil
>= Lebih besar sama dengan
<= Lebih kecil sama dengan

Operator perbandingan dan logika pada javascript akan dibahas pada bagian perbandingan pada Javascript.

Pada pembahasan kali ini, kita telah belajar mengenai variabel dan operator pada javascript. Javascript ini mirip dengan bahasa pemrograman lainnya, seperti PHP, C dan Java yaitu memiliki variabel, tipe data, operator dan logika. Namun, hanya javascript yang bisa dijalankan pada browser. Sehingga, apabila anda telah menguasai bahasa pemrograman lainnya, kemampuan javascript masih tetap dibutuhkan.

belajar javascript