Tipe Data JavaScript

JavaScript variable dapat bernilai sebagai angka, text, array, object dan lain sebagainya.

var length = 16;                               // Number
var lastName = "Johnson";                      // String
var x = {firstName:"John", lastName:"Doe"};    // Object

Contoh di atas memperlihatkan tiga variable dengan tipe data yang berbeda.

Tipe data sangat penting untuk dipelajari. Dalam bahasa pemrograman operasi pada tipe data yang berbeda akan menghasilkan output yang berbeda. Mari perhatikan contoh-contoh berikut ini.

var x = 16 + "Volvo";

var x = "16" + "Volvo";

Dua operasi di atas akan menghasilkan nilai x yang sama. Angka 16 diperlakukan seperti text karena angka tersebut ditambahkan kepada tipe data text. Silahkan coba jalankan dua contoh coding di bawah ini.

var x = 16 + "Volvo";

Jalankan Contoh

var x = "Volvo" + 16;

Jalankan Contoh

JavaScript melakukan operasi dari kiri ke kanan. Urutan operasi yang berbeda akan menghasilkan output yang berbeda. Silahkan coba jalankan dua contoh coding di bawah ini.

var x = 16 + 4 + "Volvo";

Jalankan Contoh

var x = "Volvo" + 16 + 4;

Jalankan Contoh

Bahan Belajar Tipe Data JavaScript

Tipe Data JavaScript Bersifat Dinamis #

JavaScript mempunyai tipe data yang bersifat dinamis. Variable yang sama dapat bernilai tipe data yang berbeda.

var x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

Jalankan Contoh

Pada contoh di atas diperlihatkan variable x. Variable x mempunyai tipe data angka apabila diberikan nilai 5. Variable x bisa berubah menjadi tipe data text (string) apabila diberikan nilai John.

Tipe Data Text #

Tipe data text atau string berisi urutan huruf-huruf. Tipe data text ditulis menggunakan single quote atau double quote.

var carName1 = "Volvo XC60";   // Using double quotes
var carName2 = 'Volvo XC60';   // Using single quotes

Jalankan Contoh

Single quote ataupun double quote dapat disisipkan kedalam suatu text. Perhatikan contoh berikut.

var answer1 = "It's alright";             // Single quote inside double quotes
var answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
var answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

Jalankan Contoh

Tipe Data Angka #

Tipe data angka atau number berisi bilangan bulat atau desimal baik positif ataupun negatif.

var x1 = 34.00;     // Written with decimals
var x2 = 34;        // Written without decimals

Jalankan Contoh

Bilangan yang sangat besar dapat ditulis dalam bentuk eksponensial.

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123

Jalankan Contoh

Tipe Data Boolean #

Tipe data boolean hanya bisa bernilai true (benar) atau false (salah).

var x = 5;
var y = 5;
var z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

Jalankan Contoh

Tipe data boolean akan dibahas lebih detil tutorial selanjutnya.

Tipe Data Array #

Array berisi kumpulan nilai yang berurutan. Array dibuat memakai kurung siku, dibuka dengan [ dan ditutup dengan ]. Setiap nilai dalam array dipisahkan dengan koma ( , ). Array mempunyai urutan atau index. Index atau urutan pada array selalu dimulai dari 0.

var cars = ["Saab", "Volvo", "BMW"];

Jalankan Contoh

Array akan dibahas lebih detil pada tutorial selanjutnya.

Tipe Data Object #

Object berisi kumpulan properti. Setiap properti mempunyai nilai sendiri. Object dibuka dengan { dan ditutup dengan }. Setiap properti dalam object dipisahkan dengan koma ( , ).

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Jalankan Contoh

Object akan dibahas lebih detil pada tutorial selanjutnya.