Javascript Replace All Instances Of Text In String

Javascript Replace All Instances Of Text In String

4 min read Jun 20, 2024
Javascript Replace All Instances Of Text In String

Cara Mengganti Semua Kejadian Teks dalam String di JavaScript

Dalam pengembangan web, seringkali kita perlu memanipulasi string untuk berbagai tujuan. Salah satu tugas umum adalah mengganti semua kejadian teks tertentu dalam string dengan teks lainnya. Di JavaScript, kita dapat mencapai hal ini dengan menggunakan metode replace() dan beberapa trik.

Metode replace() dengan Ekspresi Reguler

Metode replace() adalah metode bawaan JavaScript yang memungkinkan kita untuk mengganti teks dalam string. Untuk mengganti semua kejadian teks, kita dapat menggunakan ekspresi reguler dengan flag g (global). Berikut adalah contohnya:

const text = "Ini adalah contoh teks dengan kata 'contoh' yang diulang.";
const newText = text.replace(/contoh/g, "contoh baru");

console.log(newText); // Output: Ini adalah contoh teks dengan kata 'contoh baru' yang diulang.

Pada kode di atas, kita menggunakan ekspresi reguler /contoh/g untuk mencari semua kejadian teks "contoh" dalam string text. Flag g memastikan bahwa semua kejadian diubah, bukan hanya yang pertama. Kemudian, kita menggunakan metode replace() untuk mengganti semua kejadian dengan "contoh baru".

Penggunaan Fungsi Callback

Metode replace() juga dapat menerima fungsi callback sebagai argumen kedua. Fungsi callback memungkinkan kita untuk memanipulasi teks pengganti berdasarkan kejadian yang ditemukan. Berikut adalah contohnya:

const text = "Ini adalah contoh teks dengan kata 'contoh' yang diulang.";

const newText = text.replace(/contoh/g, (match) => {
  return match.toUpperCase();
});

console.log(newText); // Output: Ini adalah contoh teks dengan kata 'CONTOH' yang diulang.

Pada kode ini, fungsi callback menerima teks yang ditemukan sebagai argumen match. Kita kemudian mengembalikan teks yang ditemukan dalam bentuk uppercase (match.toUpperCase()) untuk mengganti semua kejadian teks "contoh" dengan "CONTOH".

Keuntungan Menggunakan Ekspresi Reguler

Ekspresi reguler menawarkan fleksibilitas yang tinggi untuk menemukan dan mengganti teks dalam string. Kita dapat menggunakan karakter khusus seperti +, *, ?, dan [] untuk mencocokkan pola yang lebih kompleks. Berikut beberapa contoh:

  • Mengganti semua angka:
const text = "Ini adalah contoh teks dengan angka 123 dan 456.";
const newText = text.replace(/\d/g, "*");

console.log(newText); // Output: Ini adalah contoh teks dengan angka *** dan ***.
  • Mengganti semua spasi dengan tanda baca:
const text = "Ini adalah contoh teks dengan spasi.";
const newText = text.replace(/\s/g, "-");

console.log(newText); // Output: Ini-adalah-contoh-teks-dengan-spasi.

Kesimpulan

Metode replace() dengan ekspresi reguler dan fungsi callback adalah alat yang ampuh untuk memanipulasi string di JavaScript. Dengan pemahaman yang baik tentang ekspresi reguler, kita dapat dengan mudah mengganti semua kejadian teks dalam string dengan cara yang kompleks dan efisien.