Belajar Javascript Dasar Part 4 –  Mengenal Tipe Data

Di seri belajar JavaScript Part 3, kita sudah membahas tentang variabel dan bagaimana cara menyimpan data menggunakan let dan const. Nah, di seri belajar JavaScript dasar part 4 ini, kita akan lanjut ke topik penting lainnya yaitu tipe data dalam JavaScript.

Tipe data menentukan jenis nilai yang bisa disimpan dalam sebuah variabel, seperti angka, teks, atau nilai logika. Dengan memahami tipe data, kamu akan lebih mudah mengolah data, menghindari error, dan menulis kode yang lebih efektif.

Di modul ini, kita akan bahas berbagai jenis tipe data di JavaScript lengkap dengan contoh sederhana agar kamu bisa langsung memahaminya.

Apa Itu Tipe Data dalam JavaScript?

Tipe data adalah jenis nilai yang bisa disimpan di dalam sebuah variabel. Setiap data yang kamu gunakan di JavaScript, seperti angka, teks, atau nilai benar/salah, semuanya memiliki tipe masing-masing.

Memahami tipe data itu penting karena JavaScript akan memperlakukan setiap tipe data dengan cara yang berbeda. Misalnya, angka bisa digunakan untuk perhitungan, sedangkan string digunakan untuk menampilkan teks. Dengan memahami tipe data, kamu bisa menghindari error dan menulis kode yang lebih tepat sesuai kebutuhan.

Jenis Tipe Data di JavaScript

Secara umum, tipe data di JavaScript dibagi menjadi dua kategori utama, yaitu primitive dan non-primitive (reference). Tipe data primitive merupakan tipe data dasar yang menyimpan nilai secara langsung, seperti angka atau teks. Sedangkan tipe data non-primitive digunakan untuk menyimpan data yang lebih kompleks, seperti kumpulan data atau objek.

Sebagai developer JavaScript, ada beberapa tipe data dasar yang perlu kamu pahami karena akan sering digunakan saat membuat program, seperti string, number, boolean, serta nilai kosong seperti null dan undefined.

Selain itu, JavaScript juga memiliki tipe data lain yang lebih advanced. Namun, di tahap awal ini kita akan fokus dulu pada tipe data yang paling umum digunakan. Yuk, kita bahas satu per satu!

Tipe Data Primitive

Berikut penjelasan tipe data primitive dalam belajar JavaScript yang perlu kamu pahami:

String

String adalah tipe data yang digunakan untuk merepresentasikan teks atau kumpulan karakter. Untuk membuat String menggunakan single quote ‘ ‘  atau bisa double quote “ “ ataupun backticks ` ` . Dalam penggunaannya, ketiganya sama saja. Yang terpenting adalah konsisten dalam penggunaan jumlah petik awal dan akhirnya. 

let nama = "Rumahweb Indonesia";
let alamat = 'Yogyakarta, Jl. Sidomulyo No. 6 Condong Catur Depok, Sleman, Yogyakarta 55281 ';

console.log(nama);
console.log(alamat);

Biasanya string digunakan untuk mengisi form yang berupa karakter, misal penulisan nama, alamat, detail pesan, dan semua yang mengandung teks. 

Number

Number adalah tipe data yang digunakan untuk menampung data yang berupa angka. Di Javascript, tipe data number digunakan untuk menampung bilangan bulat dan juga bilangan desimal. 

let umur = 21;
let tinggi = 173.5;

console.log(umur);
console.log(tinggi);

Boolean

Boolean adalah tipe data yang hanya memiliki nilai true atau false. Jadi nilainya kalau bukan benar ya salah. Hanya dua pilihan itu saja. 

Biasanya tipe data boolean digunakan untuk logika kondisi dalam suatu program .

let sudahLogin = true;
let isAdmin = false;

console.log(sudahLogin);
console.log(isAdmin);

Berikut ini contoh penggunaan boolean untuk suatu kondisi

let sudahLogin = true;

if (sudahLogin) {
  console.log("Selamat datang di halaman Portal Pelanggan Rumahweb!");
}

Nilai Kosong (null dan undefined)

Di javascript, ada 2 nilai yang menggambarkan bahwa nilainya adalah kosong. 2 nilai tersebut adalah null dan undefined.  Keduanya mungkin hampir terlihat sama, namun sebenarnya berbeda. Mari kita mempelajarinya:

undefined

Variabel sudah dibuat, namun belum diisi dengan nilai. 

let nama;

console.log(nama); // undefined

null 

Null menandakan bahwa data masih kosong. 

let dataUser = null;

console.log(dataUser);

Tipe Data Non-Primitive (Reference)

Selain tipe data primitive, JavaScript juga memiliki tipe data non-primitive atau sering disebut reference type. Berbeda dengan primitive yang menyimpan nilai secara langsung, tipe data ini menyimpan referensi (acuan) ke sebuah data.

Tipe data non-primitive biasanya digunakan untuk menyimpan data yang lebih kompleks, seperti kumpulan data atau struktur yang memiliki banyak nilai.

Beberapa contoh tipe data non-primitive yang sering digunakan antara lain:

• Object: digunakan untuk menyimpan data dalam bentuk pasangan key dan value
• Array: digunakan untuk menyimpan kumpulan data dalam satu variabel
• Function: juga termasuk object di JavaScript, dan bisa disimpan dalam variabel

Contoh sederhana:

let user = {
  name: "Lutfi",
  age: 25
};

let angka = [1, 2, 3, 4];

function sayHello() {
  console.log("Hello!");
}

Dengan tipe data ini, kamu bisa mengelola data yang lebih kompleks dan terstruktur dibandingkan tipe data sederhana.

Cara Mengetahui Tipe Data di JavaScript

Saat kamu sedang belajar atau debugging, penting untuk mengetahui tipe data dari sebuah variabel. Di JavaScript, kamu bisa menggunakan operator typeof untuk mengecek tipe data.

Contoh penggunaannya:

let nama = "Lutfi";
let umur = 20;
let isLogin = true;

console.log(typeof nama);   // string
console.log(typeof umur);   // number
console.log(typeof isLogin); // boolean

Operator typeof akan mengembalikan tipe data dalam bentuk string, seperti "string", "number", atau "boolean".

Namun, ada sedikit hal yang perlu diperhatikan. Untuk beberapa tipe data seperti null dan array, hasilnya bisa sedikit membingungkan:

console.log(typeof null);   // object (ini memang behavior bawaan JavaScript)
console.log(typeof [1,2,3]); // object

Karena itu, untuk mengecek apakah sebuah data adalah array, kamu bisa menggunakan cara lain seperti:

Array.isArray([1,2,3]); // true

Dengan memahami cara mengecek tipe data, kamu bisa lebih mudah menghindari error dan memastikan data yang digunakan sudah sesuai.

Kesimpulan 

Di JavaScript, tipe data menjadi dasar penting dalam mengelola dan memproses data di dalam program. Secara umum, tipe data dibagi menjadi dua kategori, yaitu primitive dan non-primitive (reference). Tipe data primitive seperti string, number, dan boolean digunakan untuk menyimpan nilai sederhana, sedangkan tipe data non-primitive seperti object dan array digunakan untuk data yang lebih kompleks.

Dengan memahami jenis-jenis tipe data serta cara mengeceknya menggunakan typeof, kamu bisa menulis kode yang lebih tepat, menghindari error, dan lebih mudah saat melakukan debugging. Jadi, pastikan kamu benar-benar memahami konsep ini sebelum lanjut ke materi berikutnya.

Di seri belajar JavaScript selanjutnya, kita akan membahas topik yang nggak kalah penting, yaitu operator di JavaScript. Jadi, jangan sampai ketinggalan dan terus ikuti seri belajar JavaScript dari Rumahweb untuk meningkatkan skill kamu.

Quiz

Yuk, coba kuis belajar JavaScript Part 4 tentang tipe data berikut untuk menguji pemahaman kamu!

Lanjutkan Seri Belajar JavaScript Part 5 pada link berikut.