Regex Replace Javascript $1

Regex Replace Javascript $1

3 min read Jun 20, 2024
Regex Replace Javascript $1

Memahami Regex Replace dengan $1 di JavaScript

Dalam dunia pengembangan web, Regular Expressions (Regex) adalah alat yang sangat berharga untuk memanipulasi string teks. Regex memungkinkan kita untuk menemukan dan mengganti pola yang spesifik di dalam string. Salah satu fitur penting dari Regex adalah kemampuan untuk menggunakan backreferences dengan simbol "$1".

Backreferences: Memanggil Kelompok Pencocokan

Backreferences, yang ditandai dengan simbol "$1", "$2", dan seterusnya, digunakan untuk merujuk ke kelompok pencocokan yang telah ditemukan dalam Regex. Kelompok pencocokan adalah bagian dari string yang dibungkus dalam tanda kurung "( )".

Contoh:

Misalkan kita ingin mengganti "Mr." dengan "Ms." di dalam teks "Mr. John Doe" dengan Regex. Berikut adalah langkah-langkahnya:

  1. Buat Regex dengan kelompok pencocokan:

    const regex = /Mr\. (.*)/; 
    

    Regex ini mencocokkan "Mr." diikuti dengan spasi dan satu atau lebih karakter (yang direpresentasikan oleh "(.*)").

  2. Gunakan replace dengan $1:

    const text = "Mr. John Doe";
    const newText = text.replace(regex, "Ms. $1");
    console.log(newText); // Output: Ms. John Doe
    

    $1 di sini merujuk ke kelompok pencocokan pertama dalam Regex, yaitu nama "John Doe".

Kegunaan $1 dalam replace

Berikut adalah beberapa contoh praktis bagaimana $1 digunakan dalam replace untuk memanipulasi string:

  • Mengubah format tanggal:

    const date = "2023-03-15";
    const newDate = date.replace(/(\d{4})-(\d{2})-(\d{2})/, "$2/$3/$1");
    console.log(newDate); // Output: 03/15/2023
    
  • Membalikkan kata:

    const word = "hello";
    const reversedWord = word.replace(/(\w)(\w*)(\w)/, "$3$2$1");
    console.log(reversedWord); // Output: olleh
    
  • Menambahkan tag HTML:

    const text = "This is a link: https://www.example.com";
    const newText = text.replace(/(https?:\/\/[^\s]+)/, "$1");
    console.log(newText); // Output: This is a link: https://www.example.com
    

Kesimpulan

Backreferences dengan "$1" memberikan kemampuan yang sangat kuat untuk mengubah string berdasarkan pola yang ditemukan dalam Regex. Memahami konsep ini sangat membantu dalam berbagai tugas manipulasi string di JavaScript.

Related Post