Tipe Data di JavaScript: Number, String, Boolean, Array, Object, dan Lainnya

Pelajari berbagai tipe data di JavaScript seperti number, string, boolean, array, object, dan lainnya. Panduan lengkap dan mudah dipahami untuk pemula.

Artikel ini merupakan bagian dari seri Tutorial Belajar JavaScript untuk Pemula Sampai Mahir. Jika kamu belum membaca artikel sebelumnya, mulai dari Mengenal Variabel dalam JavaScript.


📌 Apa Itu Tipe Data?

Tipe data adalah jenis nilai yang bisa disimpan dalam variabel. Setiap nilai dalam JavaScript termasuk ke dalam satu dari beberapa tipe data. Mengetahui tipe data sangat penting agar kamu bisa memanipulasi nilai dengan benar.

Contoh:

1let usia = 25; // tipe data: number
2let nama = "Rina"; // tipe data: string
3
1let usia = 25; // tipe data: number
2let nama = "Rina"; // tipe data: string
3

🔢 1. Number

Digunakan untuk angka, baik bilangan bulat (integer) maupun desimal (float).

1let umur = 30;
2let pi = 3.14;
3
1let umur = 30;
2let pi = 3.14;
3

JavaScript hanya punya satu tipe angka: number (tidak ada int atau float secara terpisah).


📝 2. String

String adalah data teks, dibungkus dengan tanda kutip tunggal ' atau ganda ".

1let kota = "Bandung";
2let pesan = 'Selamat datang!';
3
1let kota = "Bandung";
2let pesan = 'Selamat datang!';
3

Kamu bisa menggabungkan string dengan tanda +:

1let namaDepan = "Ali";
2let namaBelakang = "Fauzi";
3let namaLengkap = namaDepan + " " + namaBelakang;
4
1let namaDepan = "Ali";
2let namaBelakang = "Fauzi";
3let namaLengkap = namaDepan + " " + namaBelakang;
4

✅ 3. Boolean

Boolean hanya punya dua nilai: true dan false.

1let isLogin = true;
2let isAdmin = false;
3
1let isLogin = true;
2let isAdmin = false;
3

Sangat sering digunakan dalam logika program, seperti dalam perbandingan atau kondisi.


📚 4. Array

Array adalah kumpulan nilai dalam satu variabel, ditulis dengan tanda kurung siku [].

1let buah = ["apel", "jeruk", "mangga"];
2console.log(buah[1]); // jeruk
3
1let buah = ["apel", "jeruk", "mangga"];
2console.log(buah[1]); // jeruk
3

Array bisa berisi tipe data apa pun, bahkan campuran:

1let campuran = [1, "dua", true];
2
1let campuran = [1, "dua", true];
2

🧱 5. Object

Object adalah struktur data yang menyimpan pasangan key dan value.

1let orang = {
2 nama: "Dina",
3 umur: 28,
4 pekerjaan: "Desainer"
5};
6
7console.log(orang.nama); // Dina
8
1let orang = {
2 nama: "Dina",
3 umur: 28,
4 pekerjaan: "Desainer"
5};
6
7console.log(orang.nama); // Dina
8

Object sangat penting di JavaScript, terutama saat bekerja dengan API atau data kompleks.


⛔ 6. Null dan Undefined

  • null: nilai yang secara eksplisit diset kosong.
  • undefined: nilai yang belum ditentukan (default dari variabel yang belum diberi nilai).
1let kosong = null;
2let belumDiisi;
3
1let kosong = null;
2let belumDiisi;
3

🔄 7. typeof: Mengecek Tipe Data

Kamu bisa menggunakan operator typeof untuk mengetahui tipe suatu nilai.

1console.log(typeof 123); // "number"
2console.log(typeof "hello"); // "string"
3console.log(typeof true); // "boolean"
4console.log(typeof []); // "object"
5console.log(typeof {}); // "object"
6console.log(typeof undefined); // "undefined"
7
1console.log(typeof 123); // "number"
2console.log(typeof "hello"); // "string"
3console.log(typeof true); // "boolean"
4console.log(typeof []); // "object"
5console.log(typeof {}); // "object"
6console.log(typeof undefined); // "undefined"
7

Perlu dicatat: typeof null juga akan menghasilkan "object" karena alasan historis di JavaScript.


📌 Kesimpulan

JavaScript memiliki tipe data yang fleksibel dan dinamis. Memahami tipe data ini sangat penting agar kamu bisa menulis kode yang benar dan bebas error.


📘 Selanjutnya

➡️ Kontrol Alur Program di JavaScript: if, else, switch ⬅️ Kembali: Mengenal Variabel dalam JavaScript