String Replace Javascript Regex

String Replace Javascript Regex

4 min read Jun 18, 2024
String Replace Javascript Regex

Mengganti String dengan Regex di JavaScript

JavaScript menyediakan berbagai metode untuk memanipulasi string, salah satunya adalah replace(). Metode ini memungkinkan Anda untuk mencari dan mengganti bagian tertentu dari string dengan menggunakan regex (Regular Expression).

Penggunaan Dasar replace()

const text = "Saya belajar JavaScript di Dicoding.";
const newText = text.replace("JavaScript", "Python");

console.log(newText); // Output: Saya belajar Python di Dicoding.

Kode di atas akan mengganti kata "JavaScript" dengan "Python" pada string text.

Menggunakan Regex dengan replace()

Regex memberikan lebih banyak fleksibilitas dalam mencari dan mengganti string. Anda dapat menggunakan karakter spesial dan pattern untuk mencocokkan pola yang lebih kompleks.

Contoh:

const text = "Telp: 0812-3456-7890, email: [email protected]";

// Mengganti semua angka telepon dengan "****"
const newText = text.replace(/\d{3}-\d{4}-\d{4}/g, "****"); 

console.log(newText); // Output: Telp: ****, email: [email protected]

Pada contoh ini, kita menggunakan regex /d{3}-d{4}-d{4}/g untuk mencari dan mengganti angka telepon dengan "****".

Penjelasn regex:

  • /d{3}-d{4}-d{4}/g:
    • /: Batas awal dan akhir regex
    • d: mencocokkan digit angka (0-9)
    • {3}: Mengulang d sebanyak 3 kali
    • -: Mencocokkan karakter "-"
    • {4}: Mengulang d sebanyak 4 kali
    • /g: Global flag (mencocokkan semua pola yang ditemukan)

Menggunakan Callback Function

Anda dapat menggunakan callback function dalam replace() untuk mengontrol proses penggantian string. Callback function menerima beberapa argumen, termasuk:

  • Match: String yang cocok dengan pola regex
  • Group: Array yang berisi hasil capture group (jika ada)
  • Index: Indeks awal string yang cocok
  • String: String asli

Contoh:

const text = "Harga barang: $100";

const newText = text.replace(/\$(\d+)/, (match, group) => {
  const price = parseInt(group);
  return "Rp." + (price * 15000);
});

console.log(newText); // Output: Harga barang: Rp.1500000

Pada contoh ini, callback function mengubah nilai dollar ke rupiah dengan mengalikannya dengan 15000.

Kesimpulan

replace() dengan regex merupakan tools yang sangat berguna untuk memanipulasi string di JavaScript. Anda dapat memanfaatkannya untuk berbagai keperluan, seperti:

  • Validasi input: Memeriksa format email, nomor telepon, dan sebagainya
  • Pemrosesan teks: Mengubah format teks, mengganti karakter spesial, dan lain-lain
  • Penggantian dinamis: Mengganti nilai string berdasarkan kondisi tertentu

Dengan mempelajari regex dan penggunaan replace(), Anda dapat meningkatkan kemampuan pemrograman JavaScript dan membuat kode Anda lebih efisien.