Variabel & Tipe Data JS | Belajar JavaScript Dasar: Menghidupkan Web | Mahir.dev | Mahir.dev Academy

Variabel & Tipe Data JS | Belajar JavaScript Dasar: Menghidupkan Web | Mahir.dev | Mahir.dev Academy

let

const

var

let:

Dipake buat deklarasiin variabel yang nilainya bisa diubah (reassigned) nanti.
Kamu bisa deklarasiin dulu tanpa ngasih nilai awal (dia bakal otomatis jadi undefined), atau bisa juga langsung dikasih nilai.

javascript

let namaPengguna; // Deklarasi variabel 'namaPengguna' tanpa nilai awal
namaPengguna = "Budi"; // Ngasih nilai ke variabel
console.log(namaPengguna); // Output: Budi
 
let usia = 25; // Deklarasi variabel 'usia' dan langsung ngasih nilai
console.log(usia); // Output: 25
 
usia = 26; // Nilai 'usia' bisa diubah
console.log(usia); // Output: 26

const (Constant / Konstanta):
- Dipake buat deklarasiin variabel yang nilainya TIDAK BISA diubah lagi setelah pertama kali dikasih nilai (read-only).
- Variabel const wajib langsung dikasih nilai pas deklarasi.
- Ini berguna banget buat nilai-nilai yang emang seharusnya gak berubah di sepanjang program (misalnya, nilai pi, URL API, atau konfigurasi tetap).
javascript
```
const PI = 3.14159;
console.log(PI); // Output: 3.14159
 
// PI = 3.14; // Ini bakal error! Nilai const gak bisa diubah.
 
const namaSitus = "WebsiteKeren.com";
// namaSitus = "WebsiteLain.com"; // Error juga!
```
- Penting soal const dengan Objek dan Array: Kalau kamu bikin objek atau array pake , kamu . Tapi, kamu . Bingung? Nanti kita bahas lebih dalem pas udah belajar objek dan array ya. Untuk sekarang, anggep aja nilai primitif di itu bener-bener gak bisa diubah.
var (Cara Lama, Hindari Jika Bisa):
- Ini cara lama buat deklarasiin variabel sebelum ES6.
- var punya beberapa perilaku soal scope (jangkauan variabel) yang beda sama let dan const (namanya function scope bukan block scope), yang kadang bisa nyebabin bug aneh.
- Saran: Di JavaScript modern, usahakan selalu pake let atau const. Pake const secara default, kecuali kalau kamu tau nilainya bakal berubah, baru pake let. Hindari var kecuali kalau kamu kerja di proyek lama yang masih pake itu.

String (Teks):
- Dipake buat nyimpen data teks (urutan karakter).
- Ditulis di antara tanda kutip tunggal ('...'), kutip ganda ("..."), atau backtick (`...` - ini disebut Template Literals, punya fitur lebih).
- Contoh:
  javascript
```
let salam = "Halo, JavaScript!";
let namaDepan = "Budi";
let pesanLengkap = `Selamat datang, ${namaDepan}!`; // Pake template literal
console.log(pesanLengkap); // Output: Selamat datang, Budi!
```
Number (Angka):
- Dipake buat nyimpen angka, baik itu bilangan bulat (integer) maupun bilangan desimal (floating-point).
- Gak ada pembedaan tipe int atau float kayak di beberapa bahasa lain, semuanya Number.
- Contoh:
  javascript
```
let umur = 30;
let harga = 1500.75;
let suhuNegatif = -10;
```
- Ada juga nilai angka spesial: Infinity, -Infinity, dan NaN (Not a Number – biasanya hasil dari operasi matematika yang gak valid, misal 0/0).
Boolean (Logika Benar/Salah):
- Cuma punya dua nilai: true (benar) atau false (salah).
- Sering dipake buat kondisi di pernyataan if atau hasil perbandingan.
- Contoh:
  javascript
```
let sudahMenikah = false;
let lampuMenyala = true;
let lebihBesar = 10 > 5; // Hasilnya true
console.log(lebihBesar); // Output: true
```
undefined:
- Variabel yang udah dideklarasiin tapi belum dikasih nilai awal itu otomatis punya nilai undefined.
- Ini juga tipe datanya sendiri.
- Contoh:
  javascript
```
let pekerjaan;
console.log(pekerjaan); // Output: undefined
```
null:
- Ini nilai spesial yang nunjukin "tidak ada nilai" atau "nilai kosong" secara sengaja.
- Beda sama undefined. null itu harus kita set secara eksplisit.
- Contoh:
  javascript
```
let dataPengguna = null; // Sengaja dikosongin, mungkin nanti diisi data
```
Symbol (ES6 ke Atas):
- Tipe data yang nilainya unik dan immutable (gak bisa diubah). Jarang dipake sama pemula, lebih buat kasus-kasus advance kayak bikin properti objek yang unik. Kita skip dulu detailnya ya.
BigInt (ES2020 ke Atas):
- Dipake buat nyimpen angka integer yang gedenya luar biasa, lebih gede dari yang bisa ditampung tipe Number biasa. Juga jarang dipake pemula.

javascript

console.log(typeof "Budi"); // Output: "string"
console.log(typeof 123); // Output: "number"
console.log(typeof true); // Output: "boolean"
console.log(typeof undefined); // Output: "undefined"
console.log(typeof null); // Output: "object" (Ini salah satu "quirk" atau keanehan JavaScript, null seharusnya primitif tapi typeof-nya object)
let nama;
console.log(typeof nama); // Output: "undefined"

const

const