๐๏ธ JavaScript Tipe Data ๐
Data Type (tipe data) adalah jenis nilai yang bisa disimpan dalam variabel. Misalnya:
let nama = "Putra"; // String let umur = 21; // Number
JavaScript termasuk bahasa dynamically typed, artinya kamu tidak perlu menyebutkan tipe data saat mendeklarasikan variabel โ JavaScript akan menentukannya secara otomatis berdasarkan nilainya.
๐ Dua Kategori Utama ๐
๐ข Primitive Types (Tipe Data Primitif) ๐
tipe data dasar dan immuntable (tidak bisa di ubah nilainya langsung)
- String - urutan karakter (teks)
- Number - angka (integer atau float)
- BigInt - angka sangat besar
- Bolean - false or true
- Undefined - nilai default variabel yang belum diinisialisasi
- Null - nilai kosong
- Symbol - tipe unik (untuk identitas unik)
๐ต Non-Primitive / Reference Types ๐
Tipe data kompleks yang mereferensikan alamat di memori.
- Object - koleksi properti key-value
- Array - kumpulan nilai yang diindeks
- Function - objek yang bisa dipanggil ulang
- Date, RegExp, Map, Set, dll - built-in object spesial
๐งช Penjelasan dan Contoh ๐
๐ค String ๐
let nama = "John Doe";
console.log(typeof nama); // string
๐ข Number ๐
let umur = 21;
let suhu - 36.5;
console.log(typeof nama); // number
๐ข BigInt ๐
let big = 123456789012345678901234567890n;
console.log(typeof big); // "bigint"
โ Boolean ๐
let isBelajar = true;
console.log(typeof isBelajar); // boolean
๐ซ Undefined ๐
let data;
console.log(data); // undefined
console.log(typeof data); // undefined
๐ณ Null ๐
let kosong = null;
console.log(typeof kosong); // "object" (bug warisan di JS)
๐งฟ Symbol ๐
let id = Symbol("id");
console.log(typeof id); // symbol
๐งฑ Object ๐
let user = {
nama: "John Doe"
umur: 21
};
console.log(typeof user); // object
๐ฆ Array (sebenarnya object juga) ๐
let angka = [1, 2, 3, 4];
console.log(typeof angka); // object
console.log(Array.isArray(angka)); // true
๐ Function ๐
function sapa() {
console.log("Hello!");
}
console.log(typeof sapa); // function
๐ต๏ธโโ๏ธ 4. typeof Operator ๐
cara untuk cek tipe data
console.log(typeof "Halo"); // "string"
console.log(typeof 10); // "number"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object" (quirk di JS)
๐ง Tips dan Trik ๐
โ
Gunakan ===
(struct equality) supaya tidak tertipu konversi tipe otomatis
0 == "0"; // true
0 === "0"; // false
โ Pahami konversi otomatis JavaScript (type coercion)
"5" + 1; // "51"
"5" - 1; // 4
true + 1; // 2
false + "a"; // "falsea"
โ
Cek array dengan Array.isArray()
typeof []; // "object"
Array.isArray([]); // true
๐ Tabel Ringkas ๐
Tipe Data | Contoh | typeof |
---|---|---|
String | "Putra" | “string” |
Number | 21 , 3.14 | “number” |
BigInt | 123n | “bigint” |
Boolean | true , false | “boolean” |
Undefined | let x; | “undefined” |
Null | null | “object” ๐ |
Symbol | Symbol("id") | “symbol” |
Object | {nama: "Putra"} | “object” |
Array | [1,2,3] | “object” |
Function | function() {} | “function” |