String Regex Replace Javascript

String Regex Replace Javascript

3 min read Jun 20, 2024
String Regex Replace Javascript

String Regex Replace di JavaScript

Penggunaan regular expression (regex) dalam JavaScript sangat berguna untuk memanipulasi string. Salah satu fungsinya yang sering digunakan adalah replace(), yang dapat mengganti bagian-bagian tertentu dalam string sesuai dengan pattern yang ditentukan oleh regex.

Cara Penggunaan replace()

Fungsi replace() menerima dua parameter:

  1. Regex Pattern: Ini adalah expression yang digunakan untuk mencocokkan bagian-bagian string yang ingin diganti.
  2. String Pengganti: Ini adalah string yang akan menggantikan bagian string yang dicocokkan oleh regex.
let text = "Ini adalah contoh teks dengan kata 'contoh' yang ingin diganti";

// Mengganti kata 'contoh' dengan 'contoh lain'
let newText = text.replace(/contoh/g, 'contoh lain');

console.log(newText); // Output: Ini adalah contoh teks dengan kata 'contoh lain' yang ingin diganti

Pada contoh di atas, regex /contoh/g mencocokkan semua kata "contoh" dalam string, dan g di akhir regex menandakan bahwa penggantian dilakukan secara global (semua kemunculan "contoh" diganti).

Fitur Tambahan replace()

Selain menerima string pengganti, replace() juga mendukung fungsi callback sebagai parameter kedua. Callback ini memungkinkan manipulasi lebih lanjut terhadap bagian string yang cocok dengan regex.

let text = "Harga produk ini Rp 100.000";

// Mengubah format harga menjadi Rp100.000
let newText = text.replace(/\d+\.\d+/g, (match) => {
  return match.replace('.', ',');
});

console.log(newText); // Output: Harga produk ini Rp100.000

Pada contoh di atas, callback menerima match sebagai parameter, yang berisi string yang cocok dengan regex. Di dalam callback, kita melakukan penggantian titik (.) dengan koma (,) untuk mengubah format harga.

Contoh Penggunaan Lain

Berikut beberapa contoh penggunaan replace() dalam berbagai skenario:

  • Menghapus spasi berlebih:
    let text = "  Ini contoh teks  dengan  spasi berlebih.  ";
    let newText = text.replace(/\s+/g, ' ');
    console.log(newText); // Output: Ini contoh teks dengan spasi berlebih. 
    
  • Mengubah huruf besar menjadi kecil:
    let text = "INI ADALAH CONTOH TEKS";
    let newText = text.replace(/[A-Z]/g, (match) => {
      return match.toLowerCase();
    });
    console.log(newText); // Output: ini adalah contoh teks
    

Kesimpulan

replace() adalah fungsi yang sangat berguna dalam JavaScript untuk memanipulasi string dengan menggunakan regex. Fleksibilitasnya memungkinkan kita untuk melakukan berbagai macam penggantian dan manipulasi, mulai dari penggantian sederhana hingga pengolahan string yang lebih kompleks.