Friday , March 29 2024

Tipe Data Pada JavaScript

Tipe Data Pada JavaScript

lebakcyber.net – Tipe data pada javascript. Pada kesempatan kali ini kita akan mempelajari tipe data apa saja yang ada pada bahasa pemrograman JavaScript untuk melanjutkan pembahasan kita mengenai tutorial belajar JavaScript.

Tipe data yang ada di JavaScript sendiri ada lima buah tipe data, dimana masing-masing tipe data tersebut memiliki fungsi dan juga kegunaannya tersendiri. Tipe data yang ada di JavaScript adalah :

  • Tipe Data String
  • Tipe Data Number
  • Tipe Data Array
  • Tipe Data Boolean
  • Tipe Data Object

Tipe Data String di JavaScript

Dalam sebuah pemrograman, tipe data string merupakan salah satu tipe data yang memiliki peran yang sangat penting. Tanpa adanya tipe data string kita tidak akan dapat mendefinisikan sebuah variabel dan lain sebagainya.

Sekarang kita akan mencoba untuk mempraktekan bagaimana cara penggunaan tipe data string di JavaScript, silahkan buat sebuah file baru dengan nama index.html, lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Tipe Data Pada Javascript - lebakcyber.net</title>
</head>
<body>
    <h2>Tipe Data String di Javascript</h2>

    <div id="tipe_string"></div>
 
    <script>
        var teks = "Ini contoh teks yang dibuat menggunakan tipe data string";
 		document.getElementById("tipe_string").innerHTML = teks;
    </script>
</body>
</html>

Bisa kita lihat pada perintah diatas kita membuat sebuah tipe data string dengan nama teks dengan menggunakan perintah :

var teks = "Ini contoh teks yang dibuat menggunakan tipe data string";

Dan hasil penampilan nilai dari variabel teks tersebut akan ditampilkan di halaman html seperti gambar dibawah ini :

tipe data pada javascript

Tipe Data Number di JavaScript

Tipe data number merupakan tipe data yang memiliki nilai dengan bentuk bilangan bulat. Sekarang kita coba praktekan bagaimana cara untuk membuat tipe data number tersebut pada bahasa pemrograman JavaScript.

Silahkan buat sebuah file baru dengan nama index.html lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Tipe Data di Javascript - lebakcyber.net</title>
</head>
<body>
    <h2>Tipe Data Number di Javascript</h2>
 
    <div id="tipe_number"></div>
 
    <script>
        var nilai = 23;
        document.getElementById("tipe_number").innerHTML = nilai;
    </script>
</body>
</html>

Untuk pemberian nilai pada tipe data number kita tidak perlu menambahkan tanda petik didalam nilainya seperti berikut ini :

var nilai = 23;

Nanti hasilnya akan seperti pada gambar dibawah ini :

tipe data pada javascript

Tipe Array di JavaScript

Array adalah tipe data yang bisa menyimpan banyak data didalam sebuah variabel. Dan data yang ada didalam tipe data array diberikan nomor tersendiri yang sesuai dengan urutannya agar dapat memudahkan kita untuk memanggil dan menampilkan data yang kita inginkan yang ada didalam variabel array tersebut.

Sekarang langsung saja kita coba praktekan cara pembuatan variabel array di bahasa pemrograman JavaScript. Silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Tipe Data di Javascript - lebakcyber.net</title>
</head>
<body>
    <h2>Tipe Data Array di Javascript</h2>
 
    <div id="tipe_array"></div>
 
    <script>
        // tipe data Array
        var warna = ["Merah", "Kuning", "Hijau"];
        document.getElementById("tipe_array").innerHTML = warna[0];
    </script>
</body>
</html>

Bisa kita lihat pada tipe data array tersebut ada tipe data array yang memiliki nama variabel warna dan didalam variabel warna tersebut ada beberapa data Merah, Kuning dan juga hijau.

Untuk pemanggilan nilainya, nilai dari suatu array selalui diawali dengan angka 0. Jadi 0 untuk warna Merah, 1 untuk warna Kuning dan 2 untuk warna Hijau.

Pada contoh diatas kita memanggail variabel warna yang memiliki tipe data array dengan angka 0, berarti yang nanti akan ditampilkan pada halaman html adalah warna Merah, tampilannya seperti pada gambar dibawah ini :

tipe data pada javascript

Tipe Object di JavaScript

Tipe data object pada bahasa pemrograman JavaScript bisa berisi banyak data pada sebuah variabel serta memiliki nama dan nilainya tersendiri.

Sekarang kita coba praktekan cara pembuatan variabel dengan tipe data object tersebut, silahkan buat sebuah file baru dengan nama index.html lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Tipe Data di Javascript - lebakcyber.net</title>
</head>
<body>
    <h2>Tipe Object di Javascript</h2>
 
    <div id="tipe_object"></div>
 
    <script>		
        var pegawai = {
            nama : "Firdan Ardiansyah",
            alamat  : "Rangkasbitung, Lebak Banten",
            umur       : 28,
            jabatan  : "Manager"
        };
 
        document.getElementById("tipe_object").innerHTML = pegawai.nama + " beralamat di " + pegawai.alamat + "serta berusia "+ pegawai.umur +" dan memiliki jabatan sebagai " + pegawai.jabatan;
    </script>
</body>
</html>

Perhatikan pada perintah dibagian yang menjadi tipe data object :

var pegawai = {
            nama : "Firdan Ardiansyah",
            alamat  : "Rangkasbitung, Lebak Banten",
            umur       : 28,
            jabatan  : "Manager"
        };

Pada perintah tersebut nama, alamat, umur dan juga jabatan merupakan nama object dari variabel pegawai dengan tipe data object. Sedangkan untuk Firdan Ardiansyah, Rangkasbitung, Lebak Banten, 28 dan Manager merupakan nilai atau valuenya.

Nanti hasil dari perintah diatas adalah seperti pada gambar dibawah ini :

Yup jadi seperti itulah bagaimana cara untuk membuat sebuah tipe data dan juga pembuatan variabel pada bahasa pemrograman JavaScript.

Semoga tutorial sederhana ini dapat bermanfaat bagi kalian yang sedang belajar bahasa pemrograman JavaScript dan sampai jumpa di tutorial belajar JavaScript selanjutnya.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Leave a Reply

Your email address will not be published. Required fields are marked *