JavaScript

Belajar JavaScript Part 6 : Memahami dan Mengenal Tipe Data

Halo salam jumpa kembali di pertemuan yang ke-enam ini, masih di sesi belajar JavaScript. Sebelumnya kita pernah belajar Memahami Operator Aritmatika Dalam JavaScript. Pada pertemuan yang ke-enam ini saya akan mengulas tuntas tentang Pengertian Operator Aritmatika Dalam JavaScript.


Tipe Data Yang Ada Pada JavaScript.

Oke sebelum memulai mari kita kenali dulu tipe date yang ada pada bahasa pemrogram javascript. Pada javascript terdapat lima buah tipe data yang masing – masing memiliki fungsi dan kegunaannya, diataranya ialah :

  • Number
  • String
  • Array
  • Boolean
  • Object

Nah tipe data diatas memiliki fungsi masing – masing, dan di bawah ini akan dijelaskan.


1. Tipe Data Number Pada JavaScript.

Tipe data number adalah tipe data yang berbentuk bilangan bulat, contohnya adalah 0,1,2,3,4,5,6,7,8,9 dan seterusnya. Cara menggunakan tipe data ini lihat contoh kode program dibawah ini.

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Javascript Part 6 : Memahami dan Mengenal Tipe Data</title>
</head>
<body>
	<h1>Tipe Data Number Pada Javascript</h1>
	<h2>www.irvannurfazri.com</h2>

	<!-- id hasil -->
	<div id="hasil"></div>

	<script>
		// tipe data Number
		var angka = 90;

		// menampilkan tipe data number pada element id hasil
		document.getElementById("hasil").innerHTML = angka;
	</script>
</body>
</html>

Seperti yang diketahui oleh teman – teman, untuk penulisan tipe data number ini tidak menggunakan tanda petik (‘ ‘) tidak seperti tipe data string.

var angka = 90;

Jika di jalankan maka hasilnya akan seperti gambar dibawah ini.


2. Tipe Data String Pada JavaScript

Hampir di semua bahasa pemrograman, tipe data string memiliki peran penting. Bagaimana tidak, tanpa tipe data yang satu ini kita tidak bisa mendefinisikan suatu variabel dan yang lainnya. Tipe data string biasanya berbentuk kalimat atau kata. Dibawah ini adalah contoh kode program dari Tipe Data String JavaScript.

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Javascript Part 6 : Memahami dan Mengenal Tipe Data Pada Javascript</title>
</head>
<body>
	<h1>Tipe Data String Pada Javascript</h1>
	<h2>www.irvannurfazri.com</h2>

	<!-- id hasil -->
	<div id="hasil"></div>

	<script>
		// tipe data string
		var kalimat = "Belajar JavaScript : Memahami Tipe Data JavaScript. irvannurfazri.com";

		// menampilkan tipe data string pada element id hasil
		document.getElementById("hasil").innerHTML = kalimat;
	</script>
</body>
</html>

Bisa teman – teman lihat contoh kode diatas, kode diatas merupakan tipe data string. Saya membuat sebuah variabel yang bernama kalimat dan memiliki isinya “Belajar JavaScript : Memahami Tipe Data JavaScript. irvannurfazri.com”

Jika dijalankan hasilnya akan seperti gambar dibawah ini.

Hasil output dari variabel kalimat

var kalimat = "Belajar JavaScript : Memahami Tipe Data JavaScript. irvannurfazri.com";

3. Tipe Data Array Pada JavaScript

Tipe data Array mampu menyimpan banyak data dalam satu buah variabel, data – data yang ada pada variabel tersebut diberikan nomor masing – masing sesuai urutannya. Agar memudahkan kita untuk memanggil atau menampilkan data, teman – teman perhatikan contoh tipe data array dibawah ini.

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Javascript Part 6 : Memahami dan Mengenal Tipe Data Pada Javascript</title>
</head>
<body>
	<h1>Tipe Data Array Pada Javascript</h1>
	<h2>www.irvannurfazri.com</h2>

	<!-- id hasil -->
	<div id="hasil"></div>

	<script>
		// tipe data Array
		var buah = ["Jeruk", "Melon", "Durian"];

		// menampilkan tipe data Array pada element id hasil
		document.getElementById("hasil").innerHTML = buah[2];
	</script>
</body>
</html>

Contoh tipe data array diatas. Saya membuat sebuah variabel dengan nama buah

var buah = ["Jeruk", "Melon", "Durian"];

Didalam variabel Array terdapat beberapa data, Jeruk, Melon dan Durian. Dari ke-3 data ini memiliki nomor urut masing – masing.

Dimulai dari 0 = Jeruk, 1 = Melon, 2 = Durian. Ingat untuk tipe data ini dihitung mulai dari angka 0.

Nah teman – teman perhatikan lagi, disini variabel buah memanggil data nomor 2, berarti akan menampilkan Durian.

buah[2];

Jika dijalankan maka hasilnya akan seperti gambar dibawah ini.


4. Tipe Data Object Pada JavaScript.

Tipe data Object memiliki banyak data di dalam variabel, tipe data object ini memiliki nama dan nilai/value masing – masing, sebagai contohnya teman – teman bisa lihat dibawah ini.

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Javascript Part 6 : Memahami dan Mengenal Tipe Data Pada Javascript</title>
</head>
<body>
	<h1>Tipe Data Object Pada Javascript</h1>
	<h2>www.irvannurfazri.com</h2>

	<!-- id hasil -->
	<div id="hasil"></div>

	<script>
		// tipe data object		
		var manusia = {
		    nama : "Irvan Nurfazri",
		    alamat  : "Bekasi",
		    umur       : 20,
		    pekerja : "PT. Mencari Cinta Sejati"
		};

		// menampilkan tipe data object pada element id hasil
		document.getElementById("hasil").innerHTML = manusia.nama + " tinggal di " + manusia.alamat + " dia sekarang berumur "+ manusia.umur +" dan bekerja di " + manusia.pekerja;
	</script>
</body>
</html>

Ini merupakan contoh tipe data object.

// tipe data object		
		var manusia = {
		    nama : "Irvan Nurfazri",
		    alamat  : "Bekasi",
		    umur       : 20,
		    pekerja : "PT. Mencari Cinta Sejati"
		};

Variabel manusia memiliki data : nama, alamat, umur dan pekerja. Ini merupakan bagian dari nama, kemudian nilainya adalah Irvan Nurfazri, Bekasi, 20, PT. Mencari Cinta Sejati.

Untuk menampilkan datanya, di ikuti dengan nama data kemudian nilai data. Misalkan kita ingin menampilkan data nama manusia, maka penulisannya adalah, manusia.nama maka akan tampil Irvan Nurfazri, atau jika ingin menampilkan umur. manusia.umur.

Nah seperti itulah caranya, untuk lebih jelas lihat gambar hasil dari contoh tipe data object diatas.


Penutup

Mungkin itu saja yang dapat saya sampaikan di pertemuan ini, tentang Memahami dan Mengenal Tipe Data Pada JavaScript. Jika kurang mengerti atau salah dalam penulisan maupun penyampaian, silahkan diskusikan di form komentar, semoga apa yang sudah kita pelajari dapat bermanfaat bagi kita semua.

Terima Kasih.

Income Search

  • tipe data javascript
  • macam – macam tipe data javascript
  • fungsi tipe data array di javascript
  • fungsi tipe data string di javascript
  • fungsi tipe data number di javascript
  • fungsi tipe data object di javascript
  • fungsi tipe data boolean di javascript
  • jelaskan dan sebuatkan tipe data pada javascript
  • contoh tipe data fuction pada js
Written by Irvan Nurfazri
No one can bring you true happiness except Allah. Founder Hobigame.id Instagram : ig.com/irvan_gen Profile

Leave a Reply

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