← Kembali ke kursus
Pelajaran kursus · JavaScript
Pelajaran 06

String dan template literal

Template literal, method umum, tag template.

Pahami konsepnya

Template literal (backtick) adalah cara modern memformat string: `Halo ${nama}, umur ${umur}` menyisipkan ekspresi langsung dalam kurung siku. Mendukung multi-baris tanpa \n, nested template `${nilai >= 70 ? "lulus" : "gagal"}`, dan tag template untuk pemrosesan khusus.

Method penting: length (properti, bukan method), toUpperCase/toLowerCase, trim, split(","), join(" - "), includes("halo"), startsWith/endsWith, replace("lama","baru"), replaceAll, padStart/padEnd, repeat(n), slice(a,b), indexOf.

String di JavaScript IMMUTABLE — method menghasilkan string baru, tidak mengubah aslinya. Tidak ada charAt yang mengubah; s[0] = "x" error. Iterasi: for (const c of "halo") memberi tiap karakter.

Coba contoh kode

const nama = "Ari";
const umur = 17;
console.log(`Halo ${nama}, tahun depan ${umur + 1}`);

// multi-baris
const puisi = `Baris pertama
Baris kedua`;
console.log(puisi);

// method
console.log("  halo  ".trim());
console.log("a,b,c".split(","));
console.log("Belajar".toUpperCase());
console.log("5".padStart(3, "0"));   // 005
console.log("ab".repeat(3));         // ababab

Template literal menggantikan rangkaian + yang rapuh. padStart berguna untuk format angka (kode, jam). String method menghasilkan string BARU — asli tidak berubah karena immutable.

Latihan singkat

Uji: `"halo dunia".toUpperCase().split(" ")` — harus `["HALO","DUNIA"]`.