lifelong learner — urip iku urup, currently working on accenture.

Bab 3 Cara membuat variabel dengan tipe data yang benar pada javascript – Tutorial pemrograman javascript pemula

0
Degananda.com -

Variabel pada javascript

1.Definisi variabel

Variabel adalah suatu nilai yang dapat berubah. Contohnya terdapat variabel bernama A saat ini nilainya merupakan bilangan bulat 5. Nantinnya nilai dari variabel A ini dapat diubah menjadi 8 dengan cara memberikan nilai baru ataupun melakukan operasi terhadap variabel tersebut.

Lawan dari variabel yakni konstanta yaitu nilai tidak dapat berubah. Contohnya konstanta A saat ini bernilai 10 , maka meskipun konstanta ini diberikan nilai baru nilainya tidak akan berubah.

Contoh konstant adalah pi yang dinilainya adalah 3.14

2.Cara mendefinisikan variabel pada javascript

syntax untuk mendefinisikan suatu variabel dalam pemrograman javascript adalah “var” yang kemudian di ikuti dengan nama dari variabel tersebut.

var [nama_variabel]

Penamaan variabel haruslah menggunakan kata-kata yang diperbolehkan oleh aturan javascript. Terdapat kata yang tidak dapat digunakan menjadi nama variabel.

untuk daftar kata-kata yang tidak dapat digunakan dalam pembuatan nama variabel dapat di lihat pada link dibawah ini.

Daftar nama variabel , kelas dan fungsi yang tidak dapat digunakan pada javascript – kata terlarang

Penamaan variabel secara best practice sangat disarankan untuk menggunakan camelCase. Contohnya umurSaya jangan ditulis UmurSaya.

Contoh, untuk mendefinisikan variabel “nama” maka syntax yang digunakan adalah

var nama;

dalam hal ini variabel nama tidak memiliki nilai meski telah terdefinisi. Ketika suatu variabel tidak memiliki nilai maka javascript akan menanggap nilai tersebut sebagai “undefined”.

pendeklarasian atau pendefinisian variabel juga dapat dilakukan secara horizontal.

var nama, umur, alamat;

Pada javascript terdapat perintah untuk menampilkan nilai pada konsol yakni console.log

console.log([variabel]/[string]/[angka]).

berikut adalah contoh ketika variabel nama dicoba untuk ditampilkan nilainya pada konsol.

var nama;
console.log(nama);

baris kode diatas akan menghasilkan error undefined.

console_undefined.jpg

sehingga yang perlu diperhatikan adalah jangan membuat variabel tanpa memberikan (assign) nilai terhadapnya karena akan menimbulkan error pada baris program lainnya.

Sekarang , variabel nama akan diberikan nilai “degananda ferdian” dan mencoba menampilkannya pada konsol. Untuk memberikan nilai bertipe string , pastikan terdapat double quote (“) atau quote (‘) diawal dan diahir nilai variabel.

var nama = "degananda ferdian priyambada";
console.log(nama);

Baris kode diatas tidak akan menghasilkan error “undefined” karena varibel nama telah memiliki nilai.

variabel_console_print_nama_javascript.jpg

Untuk daftar tipe data yang terdapat pada javascript pada scroll kebawah di bagian 3 selanjutnya (masih di ulasan yang sama).

deklarasi dan assignment (pemberian nilai terhadap variabel) juga dapat dilakukan secara horizontal

var nama = "dega", umur = 86, alamat = "somewhere over the rainbow";
console.log(nama);
console.log(umur);
console.log(alamat);

3. Daftar tipe data pada javascript

Terdapat setidaknya lima tipe data yang ada pada javascript. Berikut adalah kelima tipe data yang ada dalam javascript.

3.1 Tipe data number pada javascript

Number berarti angka, tidak seperti tipe data pada bahasa pemrograman seperti java , .net ataupun go yang membedakan berbagai jenis tipe data number – pada javascript tipe data number dapat memiliki nilai berupa bilangan bulat ataupun bilangan desimal.

tipe data number = dapat menyimpan bilangan bulat dan desimal.

memang dapat dapat dikatakan ini adalah kekurangan dari javascript karena terlalu fleksibel dalam memberikan nilai tipedata. Tetapi hal ini akan diperbaiki pada typescript (versi penulisan lain dari javascript).

Penulisan tipe data number

untuk mendefinisikan suatu variabel memiliki tipe data number yang perlu diperhatikan adalah tidak boleh terdapat quote maupun double quote diawal ataupun diahir nilai karena jika itu ada maka akan mengubah nilai menjadi string.

Untuk mendefinisikan float atau bilangan desimal cukup menuliskan nilai desimal tersebut pada variabel seperti layaknya menuliskan bilangan bulat

var nama = "degananda ferdian priyambada";
var umur = "50";
var indexPrestasi = 1.2; // tipe data bilangan desimal (float)

Nilai 50 sebagai bilangan bulat.

var nama = "degananda ferdian priyambada";
var umur = 50;
console.log(nama);
console.log(umur);

untuk membuktikan bahwa variabel umur adalah bilangan bulat maka dapat diberikan suatu fungsi. Jika editor yang digunakan memiliki support intellisense seperti visual studio code maka tambahkan panggil variabel umur dan berikan titik (“.”)

nama.(nama fungsi yang akan dilakukan)

fungsi ini melekat pada setiap variabel ataupun object pada javscript yang akan dibahas pada ulasan selanjutnya. Untuk sekarang, fungsi-fungsi ini digunakan untuk melihat perbedaan antara berbagai tipe data.

dapat di lihat pada gambar dibawah variabel nama memiliki fungsi-fungsi terkait dengan bilangan (number).

fungsi_pada_tipedata_number_angka.jpg

Nilai “50” sebagai string.

var nama = "degananda ferdian priyambada";
var umur = "50";
console.log(nama);
console.log(umur);

50 pada kode diatas tidaklah dianggap sebagai number karena memiliki quote pada awal dan ahir nilai. Pada kasus ini variabel umur akan memiliki fungsi-fungsi terkait dengan string. seperti pada gambar dibawah ini.fungsi_pada_tipedata_string.jpg

3.1 Tipe data string pada javascript

tipe data selanjutnya adalah string yakni suatu tipe data yang merepresentasikan sebuah text. Perbedaanya adalah tipe data string akan memiliki fungsi-fungsi yang terkait dengan text sedangkan tipe data number akan memiliki fungsi-fungsi yang terkait dengan number.

tipe data string juga tidak dapat diberikan suatu operasi matematika seperti  bagi (/), kurang (-) ataupun perkalian (*)

berikut adalah contoh melakukan operasi perkalian ke dua variabel bertipe string.

var nama = "degananda ferdian priyambada";
var umur = "50";
console.log(nama*umur);

ini akan menghasilkan NaN atau secara harfiah bernilai Non Existent (tidak ada) atau ada juga yang menyebut dengan Non Number karena operasi yang gagal. Tetapi , dua tipe data string dapat menggunakan operator plus (+) yang akan menggabungkan dua string menjadi satu string (text).

var nama = "degananda ferdian priyambada";
var umur = "50";
console.log("nama saya : " + nama + " berumur "+ umur);

kode diatas jika dijalankan akan menghasilkan nilai gabungan dari dua variabel string dan dua variabel string tambahan yang didefinisikan langsung di console (“nama saya” dan “berumur”).

string_concat.jpg

Penulisan variabel string

Untuk membuat tipe data string terdapat dua cara. Pertama dengan menggunakan double quote (“) / petik dua , kedua dengan menggunakan single quote (‘) / petik satu. Disarankan memilih salah satu (tidak ada pengaruh pada proses kompilasi di javascript.

string menggunakan double quote

var nama = "degananda ferdian"

string menggunakan single quote

var nama = 'degnanda ferdian'

operasi pertambahan dua buah tipe data yang berbeda

ketika string ditambahkan dengan tipe data number maka secara otomatis akan menghasilkan string (text). Contohnya terdapat pada kode dibawah ini

var nama = "dega", umur = 86, alamat = "somewhere over the rainbow";
console.log(nama+umur);

akan menghasilkan dega86 (string/text).

string_number_penambahan.jpg

fungsi yang terikat pada hasil operasi tersebut juga merupakan fungsi-fungsi string.

string_number_fungsi.jpg

3.3 Tipe data float

tipe data ini merupakan nilai boolean ( true atau false).

tipe data Boolean adalah tipe data yang memiliki satu dari dua nilai yang mungkin yang dimaksudkan untuk mewakili dua nilai kebenaran dari logika dan aljabar Boolean (wikipedia)

untuk mendefinisikan variabel bertipe boolean cukup tuliskan true atau false pada nilai suatu variabel.

boolean akan digunakan pada operasi logika (if/While/for)

Penulisan tipe data boolean

berikut ini adalah contoh penulisan variabel dengan tipe data boolean

var iniHariSabtu = false;
var iniHariMinggu = true;

3.4 Tipe data Undefined pada javascript

yakni tipe data “belum terdefinisi”, suatu variabel akan memiliki tipedata undefined jika variabel tersebut belum diberikan nilai seperti contoh dibawah ini.

 var nama; console.log(nama); 

kode diatas jika dijalankan angkan menghasilkan “undefined”.

console_undefined.jpg

3.5 Tipe data NaN pada javascript

NaN dapat diartikan sebagai NoN number yakni nilai komputasi yang tidak dapat menghasilkan angka baik integer ataupun floating number. Sehingga javascript tidak dapat mengintepretasikan nilai tersebut.

ada yang menyebut non existent ada pula yang menyebut dengan not number. Secara tujuan sama untuk merujuk pada nilai yang tidak ada

Nilai nan akan terjadi contohnya pada saat melakukan operasi matematika(perkalian,pembagian ataupun pengurangan) pada dua buah string karena hasilnya bukan merupakan angka “non existent” atau “not number”.

var nama = "degananda";
var nama2 = "deganandaferdian";
var nama3 = nama*nama2;
console.log(nama3);

nan_tipedata_javascript.jpg

pada contoh diatas nama3 akan memiliki tipe data non existent karena dua variabel string tidak dapat dioperasikan dengan menggunakan perkalian, pembagian ataupun pengurangan.

(Visited 25 times, 1 visits today)
Please follow and like us:

Leave a Reply