Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript

Belajar Javascript Part 5 : Menganal Tipe Data Pada Javascript
Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript – Jumpa lagi di tutorial dasar javascript berbahasa indonesia. di tutorial ini kita masih membahas tentang tutorial dasar javascript. sesuai dengan judul tutorial ini “Mengenal Tipe Data Pada Javascript“. jadi kita akan membahas tentang apa saja tipe data yang ada di javascript. bagaimana menggunakannya dan sebagainya yang berhubungan dengan tipe data javascript. seperti di tutorial-tutorial lainnya di malasngoding.com, kita akan belajar memahami kasus dengan membuat contoh-contoh sederhana untuk mempermudah dalam hal pembelajaran nya.
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 fungsi nya masing-masing. di antaranya adalah :
- Number
- String
- Boolean
- Array
- Object
Dan adapun beberapa kegunaan dan penggunaan dari masing-masing tipe data javascript adalah sebagai berikut.
Tipe Data Number Di Javascript
Tipe data number atau integer adalah tipe data yang berbentuk bilangan bulat. contohnya adalah 0,1,2,3,4,5,6,7,8,9,10 ….. dan seterusnya. cara menggunakan tipe data number adalah sebagai berikut.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <head> <title>Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript</title> </head> <body> <h1>Tipe Data Number Pada Javascript</h1> <h2>www.malasngoding.com</h2> <!-- 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 dapat teman-teman lihat pada contoh di atas. penulisan tipe data number tidak menggunakan tanda petik seperti string.
1 |
var angka = 80; |
dan jika di jalankan pada browser maka hasilnya.

tipe data number pada javascript
Tipe Data String Di Javascript
Di dalam pemrograman, tipe data string memiliki peran penting di dalamnya. tanpa tipe data string kita juga tidak bisa mendefinisikan suatu variabel dan lainnya. tipe data string biasanya berbentuk kata atau kalimat. contoh tipe data string di javascript sebagai berikut.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <head> <title>Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript</title> </head> <body> <h1>Tipe Data String Pada Javascript</h1> <h2>www.malasngoding.com</h2> <!-- id hasil --> <div id="hasil"></div> <script> // tipe data string var kalimat = "Belajar javascript dasar di malasngoding.com"; // menampilkan tipe data string pada element id hasil document.getElementById("hasil").innerHTML = kalimat; </script> </body> </html> |
dapat di lihat pada contoh tipe data string di atas. terdapat sebuah variabel dengan tipe data string. dan kemudian kita tampilkan. Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript
1 |
var kalimat = "Belajar javascript dasar di malasngoding.com"; |

belajar javascript mengenal tipe data pada javascript
Tipe Data Array di Javascript
Tipe data array adalah tipe data yang mampu menyimpan 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 di inginkan. perhatikan contoh tipe data array di javascript berikut.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <head> <title>Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript</title> </head> <body> <h1>Tipe Data Array Pada Javascript</h1> <h2>www.malasngoding.com</h2> <!-- id hasil --> <div id="hasil"></div> <script> // tipe data Array var hewan = ["Kambing", "Bebek", "Ayam"]; // menampilkan tipe data Array pada element id hasil document.getElementById("hasil").innerHTML = hewan[1]; </script> </body> </html> |
perhatikan pada contoh tipe data array di atas. terdapat tipe data array di dalam variabel hewan.
1 |
var hewan = ["Kambing", "Bebek", "Ayam"]; |
di dalam variabel array hewan ini terdapat data kambing, bebek dan ayam. berarti angka penyebut untuk kambing adalah 0. bebek 1 dan ayam 2. angka nya di mulai dari 0. dan untuk mengakses/menampilkan salah satu angka nya adalah sebagai berikut. Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript.
1 |
hewan[1] |
ini berarti kita memilih data array di dalam variabel hewan dengan nomor urut 1. dan akan di tampilkan hewan bebek.
- kambing = 0
- bebek = 1
- ayam = 2

tipe data array pada javascript
Tipe Data Object Pada Javascript
tipe data object berisi data yang banyak di dalam sebuah variabel. memiliki nama dan value nya masing-masing. contoh nye perhatikan
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!DOCTYPE html> <html> <head> <title>Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript</title> </head> <body> <h1>Tipe Data Object Pada Javascript</h1> <h2>www.malasngoding.com</h2> <!-- id hasil --> <div id="hasil"></div> <script> // tipe data object var manusia = { nama : "malas ngoding", alamat : "Jakarta", umur : 30, pekerjaan : "facebooker" }; // 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> </html> |
di sini terdapat tipe data object.
1 2 3 4 5 6 |
var manusia = { nama : "malas ngoding", alamat : "Jakarta", umur : 30, pekerjaan : "facebooker" }; |
nama, alamat, umur, pekerjaan adalah nama. dan valuenya adalah malasngoding, jakarta, 30 dan facebooker. untuk mengakses data nya, pertama tuliskan nama variabel, dan kemudian di ikuti dengan nama data. misalnya jika kita ingin menampilkan data alamat. penulisannya adalah manusia.alamat, maka akan di tampilkan jakarta.

belajar javascript mengenal tipe data pada javascript
oke teman-teman, cukup sekian dulu tutorial Belajar Javascript Part 5 : Mengenal Tipe Data Pada Javascript. semoga dapat bermanfaat.
Tutorial Menarik Lainnya

Membuat Game Tebak Angka Dengan JavaScript


Fungsi Terbilang Dengan JavaScript


Membuat Show Hide Password Di HTML

