JavaScript แทนที่ / regex

ให้ฟังก์ชันนี้:

function Repeater(template) {

    var repeater = {

        markup: template,

        replace: function(pattern, value) {
            this.markup = this.markup.replace(pattern, value);
        }

    };

    return repeater;

};

ฉันจะทำการthis.markup.replace()แทนที่ทั่วโลกได้อย่างไร นี่คือปัญหา ถ้าฉันใช้แบบนี้:

alert(new Repeater("$TEST_ONE $TEST_ONE").replace("$TEST_ONE", "foobar").markup);

ค่าของการแจ้งเตือนคือ "foobar $ TEST_ONE"

หากฉันเปลี่ยนRepeaterสิ่งต่อไปนี้จะไม่มีสิ่งใดมาแทนที่ใน Chrome:

function Repeater(template) {

    var repeater = {

        markup: template,

        replace: function(pattern, value) {
            this.markup = this.markup.replace(new RegExp(pattern, "gm"), value);
        }

    };

    return repeater;

};

... $TEST_ONE $TEST_ONEและการแจ้งเตือนคือ

คุณต้องใช้ Escape อักขระ RegExp สองครั้ง (หนึ่งครั้งสำหรับเครื่องหมายทับในสตริงและอีกครั้งสำหรับ regexp):

  "$TESTONE $TESTONE".replace( new RegExp("\\$TESTONE","gm"),"foo")

มิฉะนั้นจะมองหาจุดสิ้นสุดของบรรทัดและ "TESTONE" (ซึ่งไม่เคยพบ)

โดยส่วนตัวแล้วฉันไม่ใช่แฟนตัวยงของการสร้าง regexp โดยใช้สตริงด้วยเหตุผลนี้ ระดับการหลบหนีที่จำเป็นอาจทำให้คุณดื่มได้ ฉันแน่ใจว่าคนอื่น ๆ รู้สึกไม่เหมือนกันและชอบดื่มเมื่อเขียน regexes

ในแง่ของการตีความรูปแบบไม่มีความแตกต่างระหว่างรูปแบบต่อไปนี้:

• /pattern/
• new RegExp("pattern")

หากคุณต้องการแทนที่สตริงตามตัวอักษรโดยใช้replaceวิธีนี้ฉันคิดว่าคุณสามารถส่งสตริงแทน regexp ไปreplaceได้

มิฉะนั้นคุณจะต้องหลีกเลี่ยงอักขระพิเศษ regexp ในรูปแบบก่อน - อาจเป็นเช่นนั้น:

function reEscape(s) {
    return s.replace(/([.*+?^$|(){}\[\]])/mg, "\\$1");
}

// ...

var re = new RegExp(reEscape(pattern), "mg");
this.markup = this.markup.replace(re, value);

รูปแบบ regex ของคุณควรมีตัวปรับ g:

var pattern = /[somepattern]+/g;

สังเกตเห็น g ในตอนท้าย จะบอกให้ผู้แทนที่ทำการแทนที่ทั่วโลก

นอกจากนี้คุณไม่จำเป็นต้องใช้วัตถุ RegExp คุณสามารถสร้างรูปแบบของคุณได้ตามด้านบน รูปแบบตัวอย่าง:

var pattern = /[0-9a-zA-Z]+/g;

รูปแบบจะล้อมรอบด้วย / ด้านใดด้านหนึ่งเสมอ - ด้วยตัวปรับแต่งหลังสุดท้าย / ตัวปรับ g จะเป็นโกลบอล

แก้ไข:ทำไมถึงสำคัญว่ารูปแบบเป็นตัวแปร? ในกรณีของคุณมันจะทำงานเช่นนี้ (สังเกตว่ารูปแบบยังคงเป็นตัวแปร):

var pattern = /[0-9a-zA-Z]+/g;
repeater.replace(pattern, "1234abc");

แต่คุณจะต้องเปลี่ยนฟังก์ชันการแทนที่ของคุณเป็นสิ่งนี้:

this.markup = this.markup.replace(pattern, value);