September 17, 2026
Cara Mengindeks, Memotong, dan Memanipulasi String di JavaScript.
Belajar mengakses karakter string lewat indeks, memotong teks dengan slice dan split, serta teknik manipulasi string lain di JavaScript modern.
Selain digabung, string juga sering perlu dipotong atau diakses per karakter. JavaScript menyediakan beberapa cara untuk itu, masing-masing punya kasus pemakaian berbeda.
Mengakses Karakter dengan Indeks
Setiap karakter dalam string punya posisi (indeks) yang dimulai dari 0.
const kata = "Kucing";
console.log(kata[0]); // "K"
console.log(kata.at(-1)); // "g" — method modern untuk akses dari belakang
Method .at() adalah tambahan ES2022 yang memudahkan pengambilan karakter terakhir tanpa perlu menghitung kata.length - 1 secara manual.
Memotong String dengan slice()
const kalimat = "Belajar JavaScript itu menyenangkan";
kalimat.slice(0, 7); // "Belajar"
kalimat.slice(8, 18); // "JavaScript"
kalimat.slice(-12); // "menyenangkan" — indeks negatif dihitung dari belakang
slice() tidak mengubah string asli karena string di JavaScript bersifat immutable; hasilnya selalu string baru.
Memecah String Menjadi Array dengan split()
const csv = "nama,umur,kota";
const kolom = csv.split(",");
console.log(kolom); // ["nama", "umur", "kota"]
const kalimat2 = "Saya suka belajar JavaScript";
console.log(kalimat2.split(" ").length); // 4 kata
Mengganti Bagian String
const url = "https://situs.com/produk/lama-123";
const urlBaru = url.replace("lama-123", "baru-456");
Untuk mengganti semua kemunculan, gunakan replaceAll() (tersedia sejak ES2021):
const teks = "kucing suka kucing";
teks.replaceAll("kucing", "anjing");
// "anjing suka anjing"
Mengubah String Jadi Array Karakter
const kataSpread = [..."halo"];
console.log(kataSpread); // ["h", "a", "l", "o"]
Teknik spread ini berguna saat ingin memproses string karakter per karakter, misalnya membalik urutan teks:
const balik = [..."halo"].reverse().join("");
console.log(balik); // "olah"
Kesimpulan
Untuk memotong string gunakan slice(), untuk memecah jadi beberapa bagian gunakan split(), dan untuk mengganti isi gunakan replace() atau replaceAll(). Kombinasi method-method ini adalah alat yang paling sering dipakai saat memproses input pengguna atau data teks di aplikasi JavaScript modern.

Hey! I’m Fanny, the software engineer tending to this digital garden. You can read more about me, or subscribe by email.