DASAR JAVASCRIPT - TIPE DATA PADA JAVASCRIPT
Konsep tipe data dalam pemograman sangatlah penting, untuk dapat beroperasi pada variable, kita perlu mengetahui tipe data tersebut. JavaScript memiliki tipe dinamis, yang berarti bahwa variable yang sama dapat digunakan untuk menampung berbagai tipe data.
CONTOH :
var x; // x belum terdefinisi
x = 5; // x adalah number
x = "John"; // x adalah string
x = 5; // x adalah number
x = "John"; // x adalah string
- String
- Number
- Boolean
- Array
- Object
1. Tipe Data String
String adalah serangkaian karakter seperti "Feri Rimanda". String ditulis dalam tanda kutip, kita bisa menggunakan tanda kutip satu (single qoutes) atau tanda kutip dua (double quotes).
CONTOH :
var namaSiswa1 = "Feri Rimanda"; // Menggunkan tanda kutip dua
var namaSiswa2 = 'Pasir Ganting'; // Menggunakan tanda kutip satu
var namaSiswa2 = 'Pasir Ganting'; // Menggunakan tanda kutip satu
2. Tipe Data Number
CONTOH :
var x1 = 11.00; // Penulisan dengan nilai desimal
var x2 = 11; // Penulisan tanpa desimal
var x2 = 11; // Penulisan tanpa desimal
Jika suatu variable bernilai sangat besar atau sangat kecil, dapat ditulis dengan notasi ilmiah (eksponensial)
CONTOH:
var x = 112e5; // berarti variable x = 11200000
var y = 112e-5; // berarti variable y = 0.00112
var y = 112e-5; // berarti variable y = 0.00112
3. Tipe Data Booleans
Tipe data Booleans hanya mempunyai 2 nilai yaitu True atau False. Tipe data boolean sering digunakan dalam pengujian bersyarat.
CONTOH:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>Tipe Data Booleans</h1>
<p id="demo"></p>
<script>
var x = 11;
var y = 11;
var z = 13;
document.getElementById("demo").innerHTML = (x == y) + "<br>" + (x == z);
</script>
</body>
</html>
Diketahui nilai x = 11, y = 11 dan z = 13, dalam pengujian nya adalah (x == y) adalah BENAR dan
(x == z) adalah SALAH, maka hasil yang di dapat adalah True dan False. Silahkan di coba di laptop sobat masing2.
4. Tipe Data Array
Array dalam JavaScript ditulis dalam kurung siku [ ], item array dipisahkan dengan koma. Berikut Contoh Array :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>Tipe data Array</h1>
<p id="demo"></p>
<script>
var namaSiswa = ["Feri","Sandra","Jemi","Leni"];
document.getElementById("demo").innerHTML = namaSiswa[0];
</script>
</body>
</html>
Index array berbasis nol, yang berarti item pertama adalah [0],kedua adalah [1] dan seterusnya. Pada variable namaSiswa index [0] bernilai feri, maka hasil nya adalah feri. Silahkan try out sendiri.
5. Tipe Data Object
Tipe data objek dalam JavaScript ditulis dalam tanda kurung kurawal {},berikut contoh type data objek pada JavaScript:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>Tipe Data Object Pada JavaScript</h1>
<p id="demo"></p>
<script>
var Orang = {firtsname : "Feri",
lastname : "Rimanda",
age : 23,
address : "Bekasi" };
document.getElementById("demo").innerHTML = Orang.firtsname + " adalah " + Orang.age + " Tahun " + " <br/> "
+ " Alamat " + Orang.address;
</script>
</body>
</html>
Pada var Orang terdapat beberapa properti yaitu firtsname, lastname, age dan address. Masing-masing properti tersebut mempuyai value nya. Dalam innerHTML kita memanggil properti firtsname, lastname dan address, jangan lupa sertakan nama variable object nya yaitu Orang yang dipisahkan dengan tanda titik. Maka outputnya menghasilkan Feri Adalah 23 Tahun Alamat Bekasi.
Untuk lebih jelasnya silahkan Try Out Sendiri. Terima kasih jangan lupa kritik dan salam.
0 Komentar