DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

REPLACE STRING PADA JAVASCRIPT

Cara mengganti string dalam JavaScript untuk mempermudah pengelolaan teks di aplikasimu.

Daftar Isi:

Menggunakan `replace()`
Menggunakan Ekspresi Reguler (...
Menggunakan Fungsi Pengganti (...
Menggunakan Template Literal

Mengganti string dalam JavaScript merupakan tugas yang sering diperlukan saat mengelola teks atau data. Berikut adalah cara-cara yang bisa kamu gunakan untuk mengganti string pada JavaScript.

Menggunakan replace()

Metode paling dasar untuk mengganti string dalam JavaScript adalah dengan menggunakan fungsi replace(). Fungsi ini menggantikan kecocokan pertama dari pattern dengan string yang diinginkan.

let teks = "Halo Dunia";
let hasil = teks.replace("Dunia", "JavaScript");

console.log(hasil); // Output: Halo JavaScript

Menggunakan Ekspresi Reguler (Regular Expressions)

Jika kamu ingin menggantikan semua kemunculan suatu string, kamu bisa menggunakan ekspresi regular dengan flag g (global).

let teks = "Ini contoh teks. teks ini untuk contoh.";
let hasil = teks.replace(/teks/g, "string");

console.log(hasil); // Output: Ini contoh string. string ini untuk contoh.

Menggunakan Fungsi Pengganti (Replacement Function)

Kamu juga bisa menggunakan fungsi sebagai argumen kedua untuk replace(). Fungsi ini menerima argumen seperti nilai yang cocok, posisi kecocokan, dan string asli.

let teks = "Halo Dunia";
let hasil = teks.replace("Dunia", function(){
    return "JavaScript";
});

console.log(hasil); // Output: Halo JavaScript

Menggunakan Template Literal

Kamu juga bisa menggunakan template literal untuk lebih fleksibel dalam mengganti string.

let nama = "Dunia";
let hasil = `Halo ${nama}`;

console.log(hasil); // Output: Halo Dunia

Kesimpulan

Dalam JavaScript, ada beberapa cara untuk mengganti string, mulai dari replace(), ekspresi regular, fungsi pengganti, hingga template literal. Pilihlah metode yang paling cocok dengan kebutuhan aplikasi kamu.


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding