String Replace Regex Javascript

String Replace Regex Javascript

4 min read Jun 18, 2024
String Replace Regex Javascript

Mengganti String dengan Regular Expression di JavaScript

Regular Expression (RegEx) adalah alat yang powerful dalam JavaScript untuk mencari dan mengganti string dengan pola tertentu. Dalam artikel ini, kita akan membahas cara menggunakan metode replace() dengan RegEx di JavaScript untuk memanipulasi string.

Dasar-Dasar replace()

Metode replace() merupakan metode string di JavaScript yang digunakan untuk mengganti bagian dari string dengan string yang lain. Sintaks dasarnya:

string.replace(searchValue, replaceValue)
  • searchValue: Bisa berupa string atau RegEx.
  • replaceValue: String yang akan digunakan untuk mengganti bagian yang cocok dengan searchValue.

Menggunakan RegEx dalam replace()

Ketika searchValue adalah RegEx, metode replace() akan mencari semua kecocokan dengan pola RegEx di string dan menggantinya dengan replaceValue.

Berikut adalah beberapa contoh penggunaan replace() dengan RegEx:

1. Mengganti Semua Huruf Kapital:

const str = "Halo Dunia!";
const newStr = str.replace(/[A-Z]/g, ""); // Mengganti semua huruf kapital dengan string kosong
console.log(newStr); // Output: "alo dunia!"

2. Mengganti Angka dengan Bintang:

const str = "Kode rahasia 12345";
const newStr = str.replace(/\d/g, "*"); // Mengganti semua angka dengan bintang
console.log(newStr); // Output: "Kode rahasia *****"

3. Mengganti Kata Tertentu:

const str = "Ini adalah contoh teks";
const newStr = str.replace(/contoh/g, "contoh baru"); // Mengganti kata "contoh" dengan "contoh baru"
console.log(newStr); // Output: "Ini adalah contoh baru teks"

4. Mengganti Karakter Spesial:

const str = "Teks dengan karakter spesial #@&";
const newStr = str.replace(/[^a-zA-Z0-9\s]/g, ""); // Mengganti semua karakter spesial dengan string kosong
console.log(newStr); // Output: "Teks dengan karakter spesial"

5. Mengganti Pola dengan Grup Pencocokan:

const str = "Nama saya adalah John Doe";
const newStr = str.replace(/(Nama saya adalah) (\w+) (\w+)/g, "$1 $3 $2"); // Mengganti urutan nama dengan nama belakang di depan
console.log(newStr); // Output: "Nama saya adalah Doe John"

Penjelasan

  • g: Flag global yang menginstruksikan replace() untuk mengganti semua kecocokan, bukan hanya yang pertama.
  • \d: Mencocokkan angka (digit).
  • \w: Mencocokkan karakter alfanumerik (huruf dan angka).
  • [^a-zA-Z0-9\s]: Mencocokkan karakter yang bukan huruf, angka, atau spasi.
  • $1, $2, $3: Menunjukkan grup pencocokan dalam pola RegEx.

Kesimpulan

Metode replace() dengan RegEx adalah alat yang powerful untuk memanipulasi string di JavaScript. Dengan memahami RegEx dan berbagai flag yang tersedia, kita dapat melakukan operasi penggantian string yang kompleks dan efisien.