Belajar JavaScript : SINTAKS, VARIABEL & TIPE DATA - Suka Code

Variabel

Variabel adalah kode yang merujuk pada sebuah lokasi di memori (RAM) di mana sebuah
data berada. Variabel tidak berisi data tetapi hanya merupakan referensi atau rujukan sebuah data
di memori. Jadi secara teknis, pernyataan "variabel A bernilai 2" sebenarnya kurang tepat namun
pernyataan ini lebih mudah dipahami dan ditulis daripada "variabel A merujuk pada data numerik
bernilai 2 di memori".
Satu buah data bisa dirujuk oleh lebih dari satu variabel. Dalam kode berikut, variabel
myCar dan wifeCar sama-sama merujuk pada satu data yaitu objek Car yang sama :

var myCar = new Car();
var wifeCar = myCar;

Ada dua langkah yang diperlukan untuk menggunakan variabel yaitu:

1. Deklarasi
2. Inisialisasi atau definisi

Kita mendeklarasikan variabel dengan menggunakan kata kunci (keyword) var seperti
contoh berikut:

var firstName;
var last_name;
var email;
var wheel4;

Kita bisa menggunakan kombinasi huruf, angka, dan underscore untuk nama variabel tetapi
nama variabel tidak boleh diawali dengan angka. Contoh berikut ini tidak valid:

var 2wheel;

Pada saat variabel dideklarasikan, nilainya adalah undefined sampai kita melakukan
inisialisasi. Inisialisasi sebuah variabel berarti memberi nilai awal pada variabel tersebut.
Inisialisasi dan deklarasi bisa dilakukan dalam satu baris atau baris yang terpisah.

//Deklarasi & inisialisasi dalam satu baris 
var car_brand = 'Honda'
//Inisialisasi terpisah
var car_brand;
car_brand = 'Honda';

Kita juga bisa mendeklarasikan beberapa variabel sekaligus hanya dengan satu keyword var
di mana antara satu variabel dengan yang lain dipisahkan dengan koma. Seperti contoh berikut:

//semua dalam satu baris
var brand = 'honda',type='mpv', numberOfWheels = 4, price;
//baris terpisah (lebih baik daripada satu baris)
var brand = 'honda',
 type='mpv', 
 numberOfWheels = 4, 
 price;

JavaScript memungkinkan kita membuat data dengan dua notasi yaitu literal dan konstruktor
(dengan keyword new). Notasi literal lebih disukai untuk tipe data dasar seperti Object, Array,
Number, dan String sedangkan untuk notasi konstruktor kita gunakan untuk custom type ( tipe
data yang kita buat sendiri ).

//notasi literal
var a = [1,2,3];
var obj = {};
var n = 123;
//notasi objek (tidak disarankan)
var a = new Array(1,2,3);
var obj = new Object();
var n = new Number(123);

String

String adalah data yang berisi deretan karakter yang digunakan untuk merepresentasikan
sebuah teks. String diawali dan diakhiri dengan tanda kutip ganda atau kutip tunggal.

//dengan tanda kutip ganda
var brand = "Honda"; 
//dengan tanda kutip tunggal
var brand = 'Honda'; 
//angka yang dilingkupi tanda kutip 
//berubah menjadi string (teks) jadi kita tidak
//bisa melakukan operasi matematika
var n = '123456';
//penjumlahan string dengan number
//menyebabkan number dikonversi menjadi string
//hasilnya adalah penggabungan string
var j = ''+123456;//hasilnya sama dengan string '123456'
//teks yang berisi tanda kutip tunggal harus 
//diawali dan diakhiri dengan kutip ganda
var error = "Can't find user";
//atau menggunakan escape character "\"
var error = 'Can\'t find user';

Number

Number adalah representasi data numerik. Dalam JavaScript, data ini secara default
berjenis floating point (desimal) tetapi kita juga bisa menggunakan bilangan oktal (basis 8) dan
heksadesimal (basis 16). 

var n = 1;
var mass = 1.5;
//oktal berawalan 0
var o = 0377;
//heksadesimal berawalan 0x
var color = 0xFFFFFF;

JavaScript memiliki dua tipe data khusus yang berkaitan dengan number yaitu Infinity
dan NaN. Infinity adalah data numerik yang nilainya sangat besar (atau sangat kecil) tidak
terhingga, melebihi batas yang bisa diproses oleh JavaScript. Infinity bisa bernilai positif atau
negatif. NaN adalah singkatan dari Not a Number yang merupakan nilai ekuivalen dari undefined
tetapi khusus untuk data numerik. 

var kecilSekali = -Infinity;
var besarSekali = Infinity;
//perkalian data numerik dengan string 
//menghasilkan NaN
var a = 10 * "20";
//operasi numerik yang melibatkan NaN
//akan menghasilkan NaN juga
var b = 10 * 10 + NaN

Selain operator matematika standar ( *, /, +, -,% ), kita juga bisa menggunakan beberapa
shortcut seperti contoh berikut. 

var a = 10;
//kalikan a dengan 2 dan simpan dalam variabel a lagi
//sama dengan a = a * 2
a *= 2;
console.log(a); // 20
var b = 20;
//bagi b dengan 2 dan simpan hasilnya dalam variabel b lagi
//sama dengan b = b / 2
b /= 2;
console.log(b); //10
//jumlahkan a dengan 1 dan simpan hasilnya 
//dalam variabel a lagi
//sama dengan a = a + 1 atau ++a
a++;
console.log(a); //21
//kurangi b dengan 1 dan simpan hasilnya 
//dalam variabel b lagi
//sama dengan b = b - 1 atau --b
b--;
console.log(b); //9
//ambil sisa pembagian b dengan 2 (modulus) dan simpan
//hasilnya dalam variabel b lagi
//sama dengan b = b % 2
b %= 2;
console.log(b);//1

Kita perlu berhati-hati dalam menggunakan operator -- dan ++ dalam operasi perbandingan
karena posisi mereka terhadap variabel yang bersangkutan akan mempengaruhi hasil akhirnya.
Berikut ini contohnya.

var i = 1;
console.log(i++ == 1); //true
console.log(i);//2
var i = 1;
console.log(++i == 1); //false
console.log(i);//2
var i = 1;
console.log(i-- == 0); //false
console.log(i);//0
var i = 1;
console.log(--i == 0); //true
console.log(i);//0

Jika posisi operator ++ dan -- ada di belakang variabel, maka variabel tersebut akan
dibandingkan terlebih dahulu, baru kemudian nilainya dinaikkan (++) atau diturunkan (--). Kedua
operasi ini disebut post-increment dan post-decrement.
Sebaliknya, jika kedua operator tersebut diletakkan di depan variabel, maka nilainya akan
dinaikkan atau diturunkan dulu baru kemudian dibandingkan. Kedua operasi ini di sebut pre-increment dan pre-decrement.

Array

Array adalah struktur data sederhana berisi deretan data (elemen) yang bisa diakses
dengan menggunakan nomor indeks atau key. Indeks sebuah array dimulai dari nol.

//buat array 3 elemen
var a = [1,2,3];
//tampilkan data pada index pertama (0) 
console.log(a[0]);//output: 1
//tampilkan data pada index terakhir (2)
console.log(a[2]);//output: 3

Array yang menggunakan key (string) sebagai identitas, disebut associative-array. Untuk
mengakses elemennya kita harus menggunakan key bukan nomor indeks. Key ditulis dalam tanda
kurung siku atau diawali dengan tanda titik (dot-notation).

var info = [];
info['name'] = 'John';
info['age'] = 40;
//dengan dot notation
info.sex = 'male';
console.log(info['sex']);//male
console.log(info.name);//John
//Associative-array tidak mengenal indeks
console.log(info[0]);//undefined

Array Function

Array memiliki banyak built-in function untuk memanipulasi elemen, membuat duplikat, dan
lain-lain. Beberapa di antaranya bisa kita coba dengan kode berikut.

var myArray = [0];
//tambahkan elemen di index 1
myArray[1] = 5;
console.log(myArray);//0,5
//tambahkan elemen baru di belakang
myArray.push(10);
console.log(myArray); //0,5,10
//tambahkan elemen baru di depan
myArray.unshift(100);
console.log(myArray); //100,0,5,10
//tambahkan elemen baru di depan elemen terakhir
myArray.splice(myArray.length - 1, 0, 300);
console.log(myArray); //100,0,5,300,10
//hapus elemen terakhir
myArray.pop();
console.log(myArray); //100,0,5,300
//hapus elemen pertama
myArray.shift();
console.log(myArray); //0,5,300
//gabungkan dengan array lain
var otherArray = ['a', 'b', 'c'];
myArray = myArray.concat(otherArray);
console.log(myArray); //0,5,300,a,b,c
//buat array baru berisi sebagian elemen myArray 
//antara index 0 - terakhir
var partial = myArray.slice(1, myArray.length - 1);
console.log(partial); //5,300,a,b
//myArray tidak berubah
console.log(myArray); //0,5,300,a,b,c
//buat duplikat
var myCopy = myArray.concat();
console.log(myCopy); //0,5,300,a,b,c
//buat string dari array dengan pemisah '|'
var s = myArray.join('|');
console.log(s); //0|5|300|a|b|c

Sekian materi mengenai JavaScript semoga bermanfaat bagi kita semua, apa bila ada kekurangan atau ada kata-kata yang tidak pantas untuk dilihat mohon maaf sebesar-besar nya. Sampai ketemu lagi :D.

Muhammad Ridwan

Suka Code Blog adalah website dengan kumpulan konten seputar Game Development, Web Programming, Android Programming, Windows Programming, dan lain-lain.

Bagikan Artikel ini