Sunday, February 10, 2019

Variabel dan Tipe Data Pada Pemrograman Javascript

Variabel dan Tipe Data Pada Pemrograman Javascript

Variabel dan Tipe Data adalah dua hal dasar dalam bahasa pemrograman yang selalu digunakan, dan dua hal ini akan selalu ada di setiap bahasa pemrograman.

Apa Pengertian dari Variabel?

Variabel merupkan nama yang mewakili nilai. Variabel bisa diisi dengan berbagai macam nilai dengan berbagai macam tipe data, seperti string (teks), number (angka), objek, array, dan yang lainnya.

Jika diibaratkan dengan sebuah benda, maka variabel itu seperti wadah untuk menyimpan sesuatu.

Variabel dan Tipe Data Pada Pemrograman Javascript

Pada materi ini kita akan belajar mengenai variabel dan tipe data yang ada didalam Javascript.

Kita akan memulai dari cara membuat variabel, cara mencetak variabel ke output, mengisi ulang, dan menghapusnya dari memori.


Cara Membuat Variabel di Javascript

Cara membuat variabel yang umum digunakan pada pemrograman javascript adalah menggunakan kata kunci var lalu diikuti dengan nama variabel dan nilainya.

Contoh Codingnya :
var judul = "Belajar Javascript di FajarYusuf.Com";
Pada contoh coding di atas, kita membuat variabel bernama judul dengan nilai berupa teks dengan tipe data string : "Belajar Javascript di FajarYusuf.Com".

Contoh Codingnya Selanjutnya :

var webName = "FajarYusuf.Com";
var url = "https://www.FajarYusuf.com";
var visitorCount = 1404; 

Pada contoh di atas, kita menggunakan huruf bersar untuk nama-nama variabel yang terdiri dari dua suku kata.

Kenapa kita tidak menggunakan underscore saja?

Pada Pemrograman Javascript kita lebih dianjurkan menggunakan camelCase dalam penamaan variabel. 
Variabel dan Tipe Data Pada Pemrograman Javascript
Boleh tidak jika kita menggunakan camelCase? , boleh saja menggunakan snake case atau underscore seperti contoh ini:
var web_name= "FajarYusuf.Com";
var visitor_count = 1404;
Hal tersebut tidak akan menjadi masalah atau error coding, program masih akan tetap valid dan dapat di running. Tetapi, mayoritas programmer Javascript lebih suka menggunakan camelCase.

Sesuai selera anda, mau ikut yang camelCase mayoritas atau snake_case minoritas.

Perlu untuk diketahui juga, selain menggunakan keyword var kita juga bisa membuat variabel dengan keyword let atau tanpa keyword apapun.

Contoh Codingnya:
//membuat varibel dengan keyword let
let price = 14000;
//membuat variabel tanpa keyword apapun
stock = 12
Apa perbedaan diantara ketiga cara tersebut yang menggunakan var, let dan yang tanpa keyword?

Perbedaannya terletak pada jangkauan dan penggunaanya. Nanti akan dibahas lebih dalam lagi.

Pertanyaan lainnya mungkin :
“Apa yang terjadi jika nilai variabel tidak diisi?”

Jawabannya, variabel akan bernilai undefined (belum ditentukan).

Contohnya :
var x;
Maka variabel x akan bernilai undefined.

Cara Menampilkan isi Variabel Javascript

Cara untuk menampilkan isi variabel, kita bisa memanfaatkan fungsi-fungsi yang ada untuk menampilkan output seperti berikut :
  • Fungsi console.log() menampilkan output ke console javascript;
  • Fungsi document.write() menampilkan output ke dokumen HTML;
  • dan Fungsi alert() menampilkan output ke jendela dialog.

Mari kita coba, buatlah file bernama belajar-variabel.html, lalu isi dengan kode dibawah, atau kalian juga bisa coba pada editor html fajaryusuf.com  DISINI :

<html lang="en">
<head>
    <title>Belajar Variabel Javascript di FajarYusuf.Com</title>
    <script>
        // membuat variabel
        var name = "FajarYusuf.Com";
        var visitorCount = 1404;
        var isActive = true;
        var url = "https://www.fajaryusuf.com";
        // menampilkan variabel ke jendela dialog (alert)
        alert("Selamat datang di " + name);
        // menampilkan variabel ke dalam HTML
        document.write("Nama Situs: " + name + "<br>");
        document.write("Jumlah Pengunjung: " + visitorCount + "<br>");
        document.write("Status Aktif: " + isActive + "<br>");
        document.write("Alamat URL: " + url + "<br>");
    </script>
</head>
<body>
</body>
</html>



Hasilnya :
Variabel dan Tipe Data Pada Pemrograman Javascript


Arti dari simbol plus (+) pada contoh di atas adalah untuk menggabungkan, bukan untuk menjumlahkan.

Cara Mengisi Merubah Isi dari Variabel

Variabel bersifat mutable, artinya nilai yang tersimpan di dalamnya dapat kita isi ulang atau berubah.

Contoh Codingnya :

// mula-mula kita membuat variabel dengan isi awal ini
var age = 25;
// lalu kita ubah isinya
age = 17;
Kenapa saat mengisi ulang atau merubah nilai variabel tidak menggunakan keyword var?

Karena keyword var dibutuhkan saat membuat variabel saja. Sedangkan untuk mengisi ulang, kita cukup tulis seperti di atas.

Apabila kita menggunakan keyword var, berarti dapat diartikan kita membuat variabel baru, bukan mengisi ulang atau merubah nilai.

Cara Menghapus Variabel

Penghapusan variabel dalam Javscript memang jarang dilakukan. Namun, untuk program yang membutuhkan ketelitian dalam alokasi memori, penghapusan variabel perlu dilakukan agar penggunaan memori lebih optimal dan dapat dikontrol.

Penghapusan variabel dapat dilakukan dengan keyword delete.

Contoh Codingnya :
judul= "Belajar Pemrograman Javascript Di FajarYusuf.Com ";
delete judul;
Maka variabel judul akan terhapus dari memori.

Penghapusan variabel hanya bisa dilakukan pada variabel yang dibuat tanpa awalan keyword. Sedangkan variabel yang dibuat dengan keyword var dan let akan terhapus otomatis.

Apa Itu Tipe Data

Tipe data adalah berbagai macam jenis data yang bisa kita gunakan di dalam variabel untuk menentukan jenis data dari nilai.

Ada beberapa tipe data dalam pemrograman Javascript:

  • String (teks)
  • Integer atau Number (bilangan bulat)
  • Float (bilangan Pecahan)
  • Boolean
  • Object
Javascript adalah bahasa yang bersifat dynamic typing, artinya kita tidak harus menuliskan atau menentukan tipe data pada saat pembuatan variabel. Tidak seperti pada bahasa C, C++, Java, dsb.yang bersifat static typing.

Contoh Codingnya:
var name = "Eka";
var age = 24;
var single = false;
Javascript akan otomatis mengenali tipe data yang kita berikan pada setiap variabel yang diberi nilai.

Pada contoh di atas kita akan dapatkan seperti berikut :

  • name bertipe data String;
  • age bertipe data integer;
  • dan single bertipe data boolean.
Untuk hal pasti dari tipe data ini bisa juga kita cek dengan keyword typeof.

Contoh Codingnya :
typeof name;
typeof age;
typeof single;

Hasil pada console :
Variabel dan Tipe Data Pada Pemrograman Javascript

Bagaimana cara kita bisa mengenali tipe data pada javascript selain menggunakan typeof?

Kita bisa mengenali melalui cara penulisannya.

Contoh Codingnya :
// untuk tipe data teks atau string penulisannya selalu diapit dengan tanda petik
var author = "Fajar Yusuf";
// sedangkan untuk tipe data number dan boolean tidak diapit dengan tanda petik
var available = true; // untuk tipe data boolean hanya bernilai true dan false
var total = 25;


Aturan Untuk Penulisan Nama Variabel di Javascript

Ada beberapa aturan penulisan variabel dalam Javascript:

Aturan pertama : Penamaan variabel tidak boleh menggunakan angka di depannya.

contoh codingnya:
// yang salah
var 123name = "FajarYusuf.Com";
   
// yang benar
var name123 = "FajarYusuf.Com";
Aturan Kedua : Penamaan variabel boleh menggunakan awal underscore.

contoh coding :
var _name = "FajarYusuf.Com";
Aturan Ketiga : Penamaan variabel dianjurkan menggunakan camelCase apabila tediri dari dua suku kata.

Contoh Coding :

var wbName = "FajarYusuf.Com";
Aturan Keempat : Penamaan variabel dianjurkan menggunakan bahasa inggris

Contoh Codingnya :

var postTitle = "Tutorial Javascript Di FajarYusuf.Com";

Seseorang yang ingin membagi pengalaman dan ilmu yang berguna untuk para pembaca FajarYusuf.Com :)

Cobalah untuk memilih Pelajaran Pemrograman dan belajar dari Materi Pertama
EmoticonEmoticon


TENTANG SITUS

SITUS INI ADALAH SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.

https://smallseotools.com/