Frontend : JAVASCRIPT Bagian 4 – Tipe Data

Sebelumnya teman-teman sudah mempelajari Variabel dan Konstanta, kali ini teman-teman akan mempelajar Tipe data. Apaan tuh? Tipe Data adalah Nilai dari sebuah Variabel atau Konstanta. Pada materi sebelumnya kita meng-ibaratkan variabel sebagai Cangkir dan Data sebagai Air. Tipe Data dapat kita ibaratkan seperti Jenis Air yang terdapat dalam Cangkir, seperti air putih, air teh, air kopi, dan lain-lain. Berikut contoh tipe data yang ada di Javascript :


1. Tipe Data String

Tipe Data String adalah tipe data yang berisi kalimat. Untuk membuat tipe data ini, kita membutuh kan double quote atau biasa kita kenal kutip 2 (“).

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 4 – Tipe Data</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 4 – Tipe Data</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = "Tipe Data String";
	console.log(x);
</script>
</body>
</html>


Penjelasan :

1. Baris 12, kita sedang membuat variabel x dengan tipe data string

2. Baris 13, kita memanggil tipe data string


Hasil :


2. Tipe Data Number

Tipe Data Number sesuai dengan namanya, yaitu tipe data yang berisi angka bulat. Pada tipe data ini kita tidak perlu menggunakan kutip 2 (“), karena opsional untuk tipe data Number.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 4 – Tipe Data</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 4 – Tipe Data</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = 22;
	console.log(x);
</script>
</body>
</html>


Penjelasan :

1. Baris 12, kita sedang membuat variabel x dengan tipe data number

2. Baris 13, kita memanggil tipe data number


Hasil :


3. Tipe Data Float

Sama seperti tipe data number, perbedaannya tipe data number menggunakan angka bulat, jika tipe data float menggunakan angka desimal. Penggunaannya sama seperti tipe data number.

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 4 – Tipe Data</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 4 – Tipe Data</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = 2.2;
	console.log(x);
</script>
</body>
</html>


Penjelasan :

1. Baris 12, kita sedang membuat variabel x dengan tipe data float

2. Baris 13, kita memanggil tipe data float


Hasil :


3. Tipe Data Boolean

Terakhir ada tipe data Boolean. Tipe data Boolean adalah tipe data yang hanya mempunyai 2 nilai, yaitu TRUE dan FALSE. Tipe data ini biasanya digunakan untuk membuat alur logika program. Nanti akan penulis bahas di materi berikutnya. Tipe data Boolean sama seperti tipe data number, sama-sama tidak menggunakan kutip 2 (“).

<!DOCTYPE html>
<html>
<head>
	<link rel="icon" type="image/x-icon" href="img/pbs2.png">
	<title>Frontend : JAVASCRIPT Bagian 4 – Tipe Data</title>
</head>
<body>
<h4>JAVASCRIPT Bagian 4 – Tipe Data</h4>

<!-- Kode Javascript -->
<script type="text/javascript">
	var x = true;
	console.log(x);
</script>
</body>
</html>


Penjelasan :

1. Baris 12, kita sedang membuat variabel x dengan tipe data boolean

2. Baris 13, kita memanggil tipe data boolean


Hasil :

Leave a Reply

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