HASANONTA - Kali ini kita akan mempelajari tentang tipe data pada Javascript. Disini kita akan mempelajari apa itu tipe data, penggunaanya, jenis-jenisnya, dan segala hal yang berhubungan dengan tipe data. Disini kita akan memberikan contoh di setiap subbab. Kita akan memulai dengan mengenal jenis-jenis dari tipe data Javascrip. Ada 5 buah tipe data pada Javascript masing-masing mempunyai fungsi yang berbeda yaitu :
- Number atau integer
- String
- Boolean
- Array
- Object
Selanjutnya kita akan membahas satu-persatu tipe data termasuk kegunaan dan penggunaanya.
Tipe Data Number atau Integer
Tipe data number atau lebih sering dikenal sebagai integer adalah tipe data yang berbentuk bilangan bulat. Seperti 0,1,2,3,4,5,6,,,,~. Contoh penggunaan tipe data Integer :
<html>
<head>
<title>HasanOnta</title>
</head>
<body>
<h1>Tipe Data Integer di Javascript | HasanOnta</h1>
<div id="integer"></div>
<script>
var angka = 100;
document.getElementById("integer").innerHTML = angka;
</script>
</body>
</html>
Output :
Seperti yang anda lihat, tipe data tidak menggunakan petik dua seperti tipe data string dalam pendeklarasiannya :
var angka = 100;
Tipe Data String
Tipe data string adalah tipe data yang berbentuk kata atau kalimat. String sangat penting adalah tipe data yang sangat penting karena denganya kita bisa mendefinisikan suatu variabel. Contoh tipe data String dalam Javascript :
<html>
<head>
<title>HasanOnta</title>
</head>
<body>
<h1>Tipe Data String di Javascript | HasanOnta</h1>
<div id="string"></div>
<script>
var kata = "Ini adalah tipe data String";
document.getElementById("string").innerHTML = kata;
</script>
</body>
</html>
Dapat dilihat dicontoh tipe data string diatas, terdapat sebuah variabel dengan tipe data string dan kemudian ditampilkan dengan document.getElementById.
Tipe Data Array
Tipe data array adalah tipe data yang mampu menyimpan banyak data di dalam satu buah variabel. dan data-data tersebut diberikan nomor masing-masing secara otomatis yang dimulai dari angka 0,1,2 .. dan seterusnya yang digunakan untuk memudahkan pemanggilan variabel yang kita inginkan tersebut. Contoh :
Output :
<html>
<head>
<title>HasanOnta</title>
</head>
<body>
<h1>Tipe Data Array di Javascript | HasanOnta</h1>
<div id="array"></div>
<script>
var planet = ["Bumi", "Mars", "Venus"];
document.getElementById("array").innerHTML = planet[1];
</script>
</body>
</html>
Perhatikan contoh diatas, terdapat tipe data array didalam variabel planet yaitu :
var planet = ["Bumi", "Mars", "Venus"]
didalam variabel array planet ini terdapat data bumi, mars, dan venus. berarti angka masing-masing adalah, 0 untuk Bumi, 1 untuk Mars, dan 2 untuk Venus. dan untuk menalmpillkan data yang ada dalam array adalah kita hanya harus memasukkan angka khusus dari data yang akan ditampilkan seperti contoh diatas :
planet[1]yang artinya saya memanggil data 1 pada array planet yang berarti Mars.
Tipe Data Object
Tipe data Object adalah variabel yang didalamnya terdapat banyak data yang memiliki nama dan valuenya sendiri-sendiri. Contoh :
<!DOCTYPE html>
<html>
<head>
<title>HasanOnta</title>
</head>
<body>
<h1>Tipe Data Object Pada Javascript | HasanOnta</h1>
<div id="hasil"></div>
<script>
var manusia = {
nama : "HasanOnta",
alamat : "Sleman",
umur : 17,
pekerjaan : "Pro-gamer"
};
document.getElementById("hasil").innerHTML = manusia.nama + " tinggal di " + manusia.alamat + " .dia sekarang berumur"+ manusia.umur +" dan bekerja sebagai " + manusia.pekerjaan;
</script>
</body>
</html>
Output :
disana terdapat tipe data object pada :
var manusia = {nama : "HasanOnta",alamat : "Sleman",umur : 17,pekerjaan : "Pro-gamer"};
Untuk menampilkan data didalam variabel dengan tipe data object adalah dengan menuliskan nama variabel, kemudian di ikuti dengan nama data. Contohnya kita ingin menampilkan data umur, maka syntax yang ditulis adalah "manusia.umur"
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean. 
Tidak ada komentar:
Posting Komentar