Belajar Variabel dan Tipe Data pada Javascript

Belajar Variabel dan Tipe Data pada Javascript - Apa itu variabel Javascript? Apa itu Tipe data Javascript? Keduanya akan saya bahas di artikel ini.

Variabel dan Tipe data akan selalu ada di setiap bahasa pemograman, termasuk Javascript.

Belajar Variabel dan Tipe Data pada Javascript

Pengertian Variabel Javascript

Jika diibaratkan, variabel adalah sebuah wadah atau tempat untuk menyimpan sesuatu. Wadah ini bisa digunakan untuk menyimpan apa saja misalnya buah, baju, uang, dan masih banyak lagi -- sesuai keinginan.

Paham kan maksud saya?

Jadi, Variabel javascript adalah sebuah nama yang mewakili sebuah nilai (value), -- dan nilai tersebut bisa kita isi sesuai keinginan.

Cara Membuat Variabel di Javascript

Cara yang paling umum untuk membuat variabel Javascript adalah menggunakan tag var, lalu diikuti oleh nama variabel dan nilainya.

Contoh I :

var buah = "semangka";

Pada contoh tersebut, kita membuat sebuah variabel bernama buah dengan nilainya adalah semangka.

Contoh II :

var siteName = "Galihdesign";
var url = "https://www.galihdesign.com";
var visitorCount = "10800";

Akan saja jelaskan sedikit tentang penulisan nama variabel pada Contoh II.

Dalam penulisan nama variabel, kita bebas menggunakan huruf besar atau kecil -- sama saja.

Namun -- sudah menjadi peraturan tersirat (tidak tertulis) bagi semua programmer, bahwa jika akan menulis variabel menggunakan 2 kata atau lebih, huruf depan kata yang kedua harus Kapital (huruf besar).

Selain untuk memudahkan pembacaan, namun juga agar javsacript yang ditulis terlihat lebih rapi.

Menulis Variabel menggunakan let

Selain menggunakan tag var, kita bisa menulis variabel Javasript menggunakan tag let, atau tanpa tag apapun. Jadi, hanya menulis nama variabel-nya saja.

Contoh III :

// Membuat variabel menggunakan tag let
let price = "3000";

// Membuat variabel tanpa menggunakan tag
stock = "5";

Pertanyaannya sekarang adalah :

Apa sih bedanya var dengan let?

Perbedaan diantara keduannya adalah pada jangkauan pemakaiannya. Nanti kita bahas di artikel lain OK?

Lalu, apa jadinya jika kita membuat variabel, tapi tidak memberikan nilainya?

yang akan terjadi adalah, nilai variabel tersebut akan bernilai undifined.

Cara Menampilkan Variabel

Agar Variabel bisa muncul di Browser, kita memanfaatkan fungsi-fungsi di Javascript untuk menampilkan Output. Misalnya :

console.log() yakni untuk menampilkan output ke Console Browser.
document.write() yakni untuk menampilkan output ke dokumen HTML.
alert() yakni untuk menampilkan output ke jendela dialog (pop-up).

Latihan!

Buatlah file HTML baru menggunakan teks editor dan isi dengan kode berikut ini! Lalu simpan dengan nama variabel_javascript.html.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Belajar Variabel Javascript</title>
    <script>
        // membuat variabel
        var name = "Galih Budi Prakoso";
        var aged = 18;
        var blog = "Galihdesign";

        // menampilkan variabel ke jendela dialog (alert)
        alert("Halo nama saya " + name);
    
        // menampilkan variabel ke dalam body HTML
        document.write("Nama: " + name + "<br>");
        document.write("Umur: " + aged + "<br>");
        document.write("Website: " + blog + "<br>");
    </script>
</head>
<body>

</body>
</html>

Tanda + didalam Javascript diatas berfungsi untuk menambahkan konten. Jadi, konten bisa kita atur agar tampilannya menjadi rapi atau sesuai keinginan.

Cara Mengganti nilai Variabel

Nilai variabel di Javascript bisa kita ubah sesuai keinginan. Walaupun sebelumnya sudah kamu isi. Contoh kasusnya adalah,

// Saya berbohong tentang umur 18 tahun
var aged = 18;

// Saya ingin merubahnya menjadi umur 15 tahun
aged = 15;

Apakah kamu mengerti -- mengapa nilai yang kedua tidak ditambahkan tag var ?

Untuk membuat variabel yang nilainya ingin diubah, kita wajib menggunakan var.

Sedangkan untuk mengubah nilai awal variabel, kita harus membuat variabel baru yang tidak boleh ada var. Mengapa demikian? agar Javascript bisa membaca nilai awal variabel.

Jika keduanya memiliki var, lalu manakah nilai awal variabel? Bingung coy!

Cara menghapus Variabel

Menghapus variabel? tindakan tersebut sangat jarang dilakukan. Akan tetapi, untuk mereka yang ingin efisien dalam pengalokasian memori, menghapus variabel perlu dilakukan.

Untuk menghapus nilai variabel, gunakanlah tag delete.

Contoh IV :

bookTitle = "Belajar Javascript di Galihdesign";

delete bookTitle

Penghapusan manual dengan cara diatas hanya berlaku untuk variabel yang tidak mempunyai tag var atau let.

Untuk variabel mempunyai tag var atau let, nilainya akan dihapus secara otomatis.

Apa itu Tipe Data

Nilai dari variabel javascript ada beberapa jenis. Jenis-jenis ini disebut Tipe Data. Disini saya akan menjelaskan sebagian kecilnya saja.

Berikut ini adah beberapa tipe data javascript:

Number
String
Boolean

Sekedar informasi, Javscript akan membaca secara otomatis tipe data yang kita buat, sehingga kita tidak lagi harus menulis kode untuk menentukan tipe data yang digunakan.

Contoh penulisan tipe data :

var name = "Galih";
var aged = 18;
var single = false;

Pada contoh diatas, saya menggunakan :

Tipe data String pada variabel name.
Tipe data Number pada variabel aged.
Tipe data Boolean pada variabel single.

Cara mengetahui Tipe Data yang sedang digunakan

Untuk mengetahui tipe data yang sedang digunakan pada Javasacript, bisa menggunakan tag typeof.

Contoh :

typeof name;
typeof aged;
typeof single;

Coba tuliskan perintah diatas pada Console Browser. Maka hasil yang terlihat seperti berikut ini.

Selain menggunakan typeof, sebenarnya kita bisa langsung mengetahui tipe data yang sedang digunakan dengan hanya melihat cara poenulisannya saja. Pada contoh diatas kita bisa simpulkan bahwa :

Tipe Data String, penulisannya selalu mengunakan tanda petik (" ..... ").
Tipe Data Number, penulisannya selalu mengunakan angka.
Tipe Data Boolean, penulisannya selalu hanya false atau true.

Aturan Penulisan Nama Variabel Javascript

Berikut ini adalah beberapa aturan penulisan nama variabel javascript :

1. Karakter pertama untuk penamaan variabel tidak boleh menggunakan angka.

// Contoh yang salah
var 1234name = "Galih";

//Contoh yang benar
var name123 = "Gaih";

2. Jika nama variabel terdiri dari 2 atau lebih suku kata, maka -- huruf pertama dari suku ke-2 dan seterusnya harus menggunakan huruf Kapital.

//Contoh yang tidak dianjurkan
var fullname = "Galih Budi Prakoso";

//Contoh yang dianjurkan
var fullName = "Galih Budi Prakoso";

3. Menggunakan bahasa Inggris. Pada awalnya, saya kurang setuju untuk aturan ini, namun -- pada beberapa kasus yang saya alami, akhirnya saya mengikuti aturan tersebut. Salah satunya agar bisa lebih mudah mengetahui perbedaan antara nama variabel dengan nilainya.

//Contoh yang salah
var nama = "Galih";

//Contoh yang benar
var name = "Galih";

Setelah kamu mengetahui pengertian variabel dan tipe data javascript, jenisnya dan cara penulisannya -- mari kita lanjut ke artikel belajar Javscript berikutnya.

Belajar Variabel dan Tipe Data pada Javascript