Modul 2-5. Data Types

Pendahuluan

Halo teman-teman semua selamat datang kembali di Javascript Course dari nusantech academy. Sebelum teman-teman melanjutkan membaca materi ini, diharapkan teman-teman sudah mengerti tentang materi sebelumnya, yaitu tentang variabel dan komentar.

Tipe Data

Pada materi ini kita akan membahas tentang macam-macam tipe data yang ada dalam bahasa pemrograman javascript. Tipe data dalam javascript biasanya dibagi menjadi dua golongan, yaitu primitive data types dan reference data types. Primitive data types adalah tipe data yang bersifat immutable atau tidak bisa diubah karena tipe data ini hanya bisa memiliki satu value dalam satu waktu. Hal ini disebabkan karena value tipe data ini diakses langsung kepada value sesungguhnya, sedangkan reference data types adalah tipe data yang bersifat mutable atau bisa berubah karena tipe data ini bisa memiliki banyak value dengan entitas yang lebih kompleks, hal ini disebabkan karena value dari tipe data ini diakses dari memori sebagai referensi.

Primitive data types

Dalam bahasa pemrograman javascript ada 6 macam tipe data yang tergolong primitive data types, yaitu string, number, boolean, null, undefined dan symbol (ES6).

String

Tipe data string adalah tipe data yang terdiri dari satu atau banyak karakter. Karakter tersebut bisa berupa huruf, angka atau simbol. String dibuat menggunakan tanda kutip tunggal atau ganda di sekitar satu atau lebih karakter. Contohnya:

let namaKota = 'Jakarta';
console.log(namaKota);

Untuk mengecek tipe data dari variabel namaKota, kita bisa menggunakan operator typeof, seperti ini:

let namaKota = 'Jakarta';
console.log(namaKota);
console.log(typeof namaKota);

Number

Tipe data number adalah tipe data bilangan baik dalam bentuk bilangan bulat atau bilangan desimal. Dalam bahasa pemrograman lain seperti java dan python, tipe data untuk bilangan bulat adalah dalam bentuk tipe data integer dan untuk bilangan desimal adalah dalam bentuk tipe data float atau tipe data double. Sedangkan di dalam javascript, bilangan bulat dan bilangan desimal termasuk dalam satu tipe data saja, yaitu tipe data number. Contohnya:

let bilanganBulat = 10;
console.log(bilanganBulat);
console.log(typeof bilanganBulat);
let bilanganDesimal=11.1;
console.log(bilanganDesimal);
console.log(typeof bilanganDesimal);

Boolean

Tipe data boolean adalah tipe data yang terdiri dari dua value, yaitu true dan false. Tipe data boolean biasanya digunakan untuk menyatakan nilai ya/tidak dalam sebuah variabel atau kondisional. Contohnya:

let sudahMakan = true;
console.log(sudahMakan);
console.log(typeof sudahMakan);
let sudahMinum = false;
console.log(sudahMinum);
console.log(typeof sudahMinum);

Null

Tipe data null adalah tipe data yang biasa digunakan untuk menandakan bahwa variabel tersebut memiliki value kosong. Contohnya:

let stokObat = null;
console.log(stokObat);
console.log(typeof stokObat);

Ketika kita mencoba untuk mengecek tipe data dari variabel stokObat seperti contoh di atas, yang muncul adalah object. Jadi javascript menganggap tipe data null sebagai sebuah object. Hal ini terjadi karena salah satu bug yang ada di dalam bahasa pemrograman javascript dan tidak bisa diperbaiki secara mudah karena bisa merusak codebase dari bahasa pemrograman javascript itu sendiri.

Undefined

Tipe data undefined adalah tipe data yang memiliki satu value khusus, yaitu undefined. Undefined artinya belum didefinisikan. Ketika sebuah variabel dideklarasikan tanpa value, makan variabel tersebut akan memiliki value undefined secara otomatis. Contohnya:

let testUndefined = undefined;
console.log(testUndefined);
console.log(typeof testUndefined);
let belumAdaValue;
console.log(belumAdaValue);
console.log(typeof belumAdaValue);

Symbol

Tipe data symbol adalah tipe data baru yang merupakan salah satu fitur dari update ECMAScript 2015 atau ES 6. Tipe data symbol dideklarasikan dengan menggunakan fungsi Symbol(). Contohnya:

let sym = Symbol();
console.log(sym);
console.log(typeof sym);

Reference data types

Dalam bahasa pemrograman javascript, yang termasuk dalam reference data type adalah array, object literal dan date. Mereka semua termasuk dalam satu tipe data, yaitu tipe data object.

Array

Array adalah jenis tipe data object yang biasa digunakan untuk menyimpan banyak value dalam satu variabel dan masing-masing value memiliki nilai posisi numerik yang disebut index. Di dalam sebuah array kita bisa menyimpan data dengan tipe data yang berbeda-beda, baik berupa string, number, boolean bahkan kita bisa menyimpan array di dalam sebuah array. Contohnya:

let ragamData=["data string", 1, true, null, [1,2,3]];
console.log(ragamData);
console.log(typeof ragamData);

Object Literal

Object literal adalah jenis tipe data object yang memungkinkan kita menyimpan koleksi data yang didefinisikan dengan menggunakan pasangan key-value (key-value pairs). Key dalam object literal biasanya berupa string dan value dapat berupa tipe data apapun, tak terkecuali object. Contohnya:

let dataDiri = {nama: "Ammar", umur: 19, alamat: {kota: 'Jakarta', noRumah: 404}, hobi: ["Ngoding", "Membaca", "Masak"]};
console.log(dataDiri);
console.log(typeof dataDiri);

Date

Date adalah jenis tipe data object untuk data tanggal dalam javascript. Untuk membuat Date bisa menggunakan constructor Date(). Contohnya:

let today = new Date();
console.log(today);
console.log(typeof today);

Penutup

Jadi untuk mereview materi yang telah kita bahas, tipe data biasanya digolongkan menjadi dua, yaitu tipe data primitif dan tipe data referensi. Tipe data primitif bersifat immutable karena langsung diakses ke value sesungguhnya, sedangkan tipe data referensi bersifat mutable karena valuenya diakses melalui referensi dalam memori. Dalam bahasa pemrograman javascript, yang termasuk tipe data primitif adalah string, number, boolean, null, undefined dan symbol, sedangkan yang termasuk tipe data referensi adalah object yang bisa berupa array, object literal maupun date. 

Baik teman-teman, saya rasa cukup untuk materi tipe data ini. Tetap semangat mengikuti Javascript Course dari Nusantech Academy.

Thank you and see you next time!

Javascript – 07 – Data Types (Video):

Quiz Time:

Quiz dapat dikerjakan disini: https://bit.ly/quisjs2-5