Kamis, 06 April 2017

Mengenal Tipe Data Pada Javascript

Tidak ada komentar


Mengenal Tipe Data Pada Javascript.

Kita mulai dengan mengenal tipe data pada javascript. Di javascript terdapat 5 buah tipe data yang masing-masing memiliki kegunaan dan fungsinya masing-masing diantanya adalah :
  • Number
  • String
  • Boolean
  • Array
  • Object
Dan beberapa kegunaan dan penggunaan dari masing-masing tipe data javascript adalah sebagai berikut.

Tipe Data Number pada javascript

Tipe data number atau integer adalah tipe data yang berbentuk bilangn bulat. Contoh adalah 0,1,2,3,4,5,6,7,8,9,10.... dan seterusnya. Cara menggunakn tipe data adalah sebagai berikut
 <!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript</title>
</head>
<body>
    <h1>Tipe Data Number Pada Javascript</h1>
   

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

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

        // menampilkan tipe data number pada element id hasil
        document.getElementById("hasil").innerHTML = angka;
    </script>
</body>
</html>
Seperti yang kita dapat lihat pada contoh di atas. Penulisan tipe data number tidak menggunakan tanda petik seperti string
var angka = 80;
Dan jika dijalankan pada browser maka hasilnya




Tipe data string pada javascript

Di dalam pemrograman, tipe data string memiliki peran penting di dalamnya. Tanpa tipe data string kita juga tidak bisa mendifinisikan suatu variabel dan lainnya. Tipe data string biasanya berbentuk kata atau kalimat. Contoh tipe data string
<!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript</title>
</head>
<body>
    <h1>Tipe Data String Pada Javascript</h1>

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

    <script>
        // tipe data string
        var kalimat = "Belajar javascript dasar ";

        // menampilkan tipe data string pada element id hasil
        document.getElementById("hasil").innerHTML = kalimat;
    </script>
</body>
</html>
Dapat kita lihat pada contoh tipe data string di atas, terdapat sebuah variabel dengan tipe data string. Dan kemudian kita tampilkan. "belajar javascript dasar"
var kalimat = "Belajar javascript dasar ";



Tipe data Array pada javascript

       Tipe data array adalah tipe data yang mampu menympan banyak data di dalam satu buah variabel. Dan data-data yang terdapat di dalam variabel tersebut di berikan nomor masing-masing sesuai urutannya, untuk memudahkan kita dalam menampilkan atau memanggil data yang diinginkan. 
Contoh tipe data array
 <!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript</title>
</head>
<body>
    <h1>Tipe Data Array Pada Javascript</h1>

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

    <script>
        // tipe data Array
        var hewan = ["sapi", "harimau", "tikus"];

        // menampilkan tipe data Array pada element id hasil
        document.getElementById("hasil").innerHTML = hewan[0];
    </script>
</body>
</html>
 Perhatikan contoh di atas, terdapat tipe data array di dalam variabel hewan
var hewan = ["sapi", "harimau", "tikus"];
Di dalam variabel array hewan ini terdapat kata sapi,harimau,tikus. Berarti angka penyebut untuk sapi adalah 0, hariamau adalah 1, tikus adalah 2. untuk bisa memanggil nama hewan tersebut kita masukkan angka yang sesuai dengan hewan tersebut
 hewan[0];
 Di atas akan menampilakn sesuai degan urutan nomor yang telah ada di atas tadi yaitu hewan yang akan muncul adalah sapi



 keterangan
  • sapi=0
  • harimau=1
  • ayam=2
 Tipe data Object pada javascript

        Tipe data Object berisi data yang banyak di dalam sebuah variabel. memiliki nama dan value nya masing-masing.
Contoh
<!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript</title>
</head>
<body>
<h1>Tipe Data Object Pada Javascript</h1>
   
    <!-- id hasil -->
    <div id="hasil"></div>

    <script>
        // tipe data object       
        var manusia = {
            nama : "Amirul Muttaqin",
            alamat  : "Situbondo",
            umur       : 17,
            pekerjaan  : "pelajar"
        };

        // 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 sebagai " + manusia.pekerjaan;
    </script>
</body>
</body>
</html>
 Di sini terdapat tipe data object
var manusia = {
            nama : "Amirul Muttaqin",
            alamat  : "Situbondo",
            umur       : 17,
            pekerjaan  : "pelajar"
        };

 nama, alamat, umur, pekerjaan adalah nama. Dan valuenya adalah Amirul Muttaqin, Siubondo, 17, Pelajar. Untuk Mengakses datanya , pertama kita harus menuliskan variabel, dan kemudian di ikuti dengan nama data. Misalnya jika kita ingin menampilkan data alamat. penulisannya adalah manusia.alamat, maka akan tampil situbondo.



 Refernsi : www.malasngoding.com

Tidak ada komentar :

Posting Komentar