Cara Bekerja dengan String di JavaScript.

String adalah tipe data untuk menyimpan teks di JavaScript. Meski terlihat sederhana, string punya banyak method bawaan yang sangat sering dipakai dalam pekerjaan sehari-hari, mulai dari menggabung teks sampai membersihkan input pengguna.

Membuat String

String bisa dibuat dengan tanda kutip tunggal, kutip ganda, atau backtick.

const a = 'Halo';
const b = "Dunia";
const c = `Halo Dunia`;

Di JavaScript modern, backtick (template literal) menjadi pilihan utama karena mendukung interpolasi variabel dan teks multi-baris tanpa perlu penggabungan manual.

Template Literal untuk Interpolasi

const nama = "Budi";
const umur = 28;

const bio = `Nama saya ${nama}, umur ${umur} tahun.`;
console.log(bio);
// Nama saya Budi, umur 28 tahun.

Cara lama menggabung string dengan + masih valid, tapi template literal jauh lebih mudah dibaca terutama saat banyak variabel yang digabung.

// Cara lama
const bioLama = "Nama saya " + nama + ", umur " + umur + " tahun.";

String Multi-baris

const alamat = `Jl. Merdeka No. 10
Jakarta Pusat
Indonesia`;

Method String yang Sering Dipakai

const teks = "  Belajar JavaScript  ";

teks.trim();              // "Belajar JavaScript"
teks.toUpperCase();       // "  BELAJAR JAVASCRIPT  "
teks.toLowerCase();       // "  belajar javascript  "
teks.includes("Script");  // true
teks.replace("Belajar", "Menguasai");

Mengecek Panjang String

const kata = "JavaScript";
console.log(kata.length); // 10

Menggabungkan Array Menjadi String

Kombinasi Array.join() dengan template literal sangat berguna saat membangun teks dari data dinamis, misalnya daftar tag artikel.

const tags = ["JavaScript", "Frontend", "Tutorial"];
const label = `Tag: ${tags.join(", ")}`;
console.log(label); // Tag: JavaScript, Frontend, Tutorial

Kesimpulan

Template literal adalah cara paling praktis untuk bekerja dengan string di JavaScript modern, terutama saat harus menyisipkan variabel atau menulis teks panjang. Dikombinasikan dengan method bawaan seperti trim(), includes(), dan replace(), mengolah teks di JavaScript menjadi jauh lebih ringkas dibanding cara-cara lama.