Seri 2 | Variabel&Tipe Data Javascript

byNewbiez •
0

Pada seri sebelumnya kita telah belajar tentang bahasa pemrograman dasar javascript, bagi yang belum, bisa di lihat link dibawah.

SERI 1 | DASAR PEMROGRAMAN JAVASCRIPT

Apapun bahasa pemrograman yang digunakan. Dua hal seperti Variabel Dan Tipe Data akan selalu ada.

Lalu apa sebenarnya variabel itu?

Variabel adalah sebuah Nama yang mewakili sebuah Nilai. 

Variabel bisa diisi dengan berbagai macam nilai seperti string (teks), number (angka), objek, array, dan sebagainya.

Cara Membuat Variabel di Javascript

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

Contoh:


var title = "Belajar Pemrograman Javascript";

Pada contoh di atas, kita membuat variabel bernama title dengan nilai berupa teks (string): "Belajar Pemrograman Javascript".

Contoh lagi:


var siteName = "Cahnewbie";
var url = "https://cahnewbie.blogspot.com/";
var visitorCount = 3021;

Perhatikan!

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

Kenapa tidak menggunakan underscore?

Pada Javascript kita dianjurkan menggunakan camelCase dalam penamaan. Boleh-boleh saja menggunakan snake case atau underscore seperti ini:



var site_name = "cahnewbie";
var visitor_count = 5421;

Hal tersebut tidak akan menjadi masalah, program masih tetap valid. Namun, mayoritas programmer Javascript menggunakan camelCase.

Pilihan ada ditangan anda, mau ikut yang mayoritas atau minoritas.

Berikutnya..

Perlu kamu ketahui juga, selain kata kunci var kita juga bisa membuat variabel dengan kata kunci let atau tanpa awalan apapun.

Contoh:


// membuat variabel dengan kata kunci let
let price = 15000;

// membuat variabel tanpa awalan apapun
stock = 12

Apa bedanya yang menggunakan var, let dan yang tanpa awalan?

Perbedaannya terletak pada jangkauan dan penggunaanya.

Menampilkan Isi Variabel

Untuk menampilkan isi variabel, kita bisa memanfaatkan fungsi-fungsi untuk menampilkan output seperti:
  • Fungsi console.log() menampilkan output ke console javascript;
  • Fungsi document.write() menampilkan output ke dokumen HTML;
  • Fungsi alert() menampilkan output ke jendela dialog.
Mari kita coba…

Buatlah file bernama variabeljavascript.html, lalu isi dengan kode berikut:


<!DOCTYPE html>
<html lang="en">
<head>
    <title>Belajar Variabel dan TIpe Data dalam Javascript</title>
    <script>
        // membuat variabel
        var name = "muris studio";
        var visitorCount = 52154;
        var isActive = true;
        var url = "https://cahnewbie.blogspot.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>
Setelah itu, coba buka dengan browser dan perhatikanlah hasilnya.


Saya coba jelaskan dari program javascript diatas.

Perhatikan baris pemrograman berikut.


<script>
        // membuat variabel
        var name = "muris studio";
        var visitorCount = 52154;
        var isActive = true;
        var url = "https://cahnewbie.blogspot.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>

Pada baris yang diawali dengan karakter // penulisan hanya sekedar komentar jadi tidak akan tampil pada layar monitor. 

Dan pada baris kedua yaitu var name = "muris studio"; 

kita membuat sebuah variabel yang berisikan nilai bertuliskan muris studio, lalu kemudian ditampilan melalui perintah 

alert("Selamat datang di " + name);

Pada perintah diatas terdapat karakter + yang berarti adalah penghubung antara satu variabel ke variabel yang lain. Perintah alert akan membentuk sebuah dialog pada layar browser. 

Dan kemudian pada perintah 

document.write("Nama Situs: " + name + "<br>");

Perintah document.write berfungsi untuk menampilkan vasil dari penulisan variabel yang akan ditampilkan pada layar browser kita.

Bagaimana?mudah bukan belajar javascript dari dasar?

Mari kita lanjut.

Mengenal Tipe Data

Tipe data adalah jenis-jenis data yang bisa kita simpan di dalam variabel.

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 tipe data pada saat pembuatan variabel seperti pada bahasa C, C++, Java, dsb. yang bersifat static typing.

Contoh:

var name = "Dian";
var age = 22;
var single = true;

Javascript akan otomatis mengenali tipe data yang kita berikan pada variabel. Pada contoh di atas variabel: name bertipe data String; age bertipe data integer; dan single bertipe data boolean.

Nah, teman-teman diatas kita telah belajar bagaimana menuliskan suatu variabel dan tipe data pada bahasa pemrograman javascript.

Berikutnya kita akan belajar mengenai Operator pada Javascript.

Tags:

Post a Comment

Previous Post Next Post