#JavaScript - #Javascript Dasar

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.

<!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>

// 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.

<!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>

// 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.

<!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>

// 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.

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

<!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>

// 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.

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.

Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.