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.

Comments