ทำไม RegExp ที่มีการตั้งค่าสถานะส่วนกลางให้ผลลัพธ์ที่ไม่ถูกต้อง

ปัญหาของนิพจน์ทั่วไปนี้คืออะไรเมื่อฉันใช้ค่าสถานะโกลบอลและค่าสถานะแบบตายเล็กตัวพิมพ์เล็ก ข้อความค้นหาเป็นข้อมูลที่ผู้ใช้สร้างขึ้น ผลลัพธ์ควรเป็น [จริงจริง]

var query = 'Foo B';
var re = new RegExp(query, 'gi');
var result = [];
result.push(re.test('Foo Bar'));
result.push(re.test('Foo Bar'));
// result will be [true, false]

var reg = /^a$/g;
for(i = 0; i++ < 10;)
   console.log(reg.test("a"));

RegExpวัตถุติดตามlastIndexที่การแข่งขันที่เกิดขึ้นดังนั้นในการแข่งขันที่ตามมาก็จะเริ่มต้นจากดัชนีของใช้ล่าสุดแทนที่จะ 0. ลองดู:

var query = 'Foo B';
var re = new RegExp(query, 'gi');
var result = [];
result.push(re.test('Foo Bar'));

alert(re.lastIndex);

result.push(re.test('Foo Bar'));

หากคุณไม่ต้องการรีเซ็ตlastIndexเป็น 0 ด้วยตนเองหลังการทดสอบทุกครั้งให้ลบการgตั้งค่าสถานะ

นี่คืออัลกอริทึมที่รายละเอียดกำหนด (ส่วน 15.10.6.2):

RegExp.prototype.exec (สตริง)

ดำเนินการจับคู่นิพจน์ปกติของสตริงกับนิพจน์ทั่วไปและส่งคืนวัตถุ Array ที่มีผลลัพธ์ของการจับคู่หรือ null ถ้าสตริงไม่ตรงกับสตริง ToString (สตริง) ถูกค้นหาการเกิดขึ้นของรูปแบบนิพจน์ทั่วไปดังต่อไปนี้:

1. ให้ S เป็นค่าของ ToString (สตริง)
2. ให้ความยาวเป็นความยาวของ S
3. ให้ lastIndex เป็นค่าของคุณสมบัติ lastIndex
4. ให้ฉันเป็นค่าของ ToInteger (lastIndex)
5. หากทรัพย์สินส่วนกลางเป็นเท็จให้ฉัน = 0
6. ถ้า I <0 หรือ I> length ให้ตั้งค่า lastIndex เป็น 0 และ return null
7. โทรหา [[Match]] โดยให้อาร์กิวเมนต์เป็น S และ i หาก [[ตรงกัน]] กลับล้มเหลวไปที่ขั้นตอนที่ 8 มิฉะนั้นปล่อยให้ r เป็นผลของรัฐและไปที่ขั้นตอนที่ 10
8. ให้ i = i + 1
9. ไปที่ขั้นตอนที่ 6
10. ให้ e เป็นค่า endIndex ของ r
11. หากคุณสมบัติโกลบอลเป็นจริงให้ตั้งค่า lastIndex เป็น e
12. ให้ n เป็นความยาวของอาเรย์ของการจับ (นี่เป็นค่าเดียวกับ NCapturingParens ของ 15.10.2.1)
13. ส่งคืนอาร์เรย์ใหม่ด้วยคุณสมบัติดังต่อไปนี้:
    • คุณสมบัติดัชนีถูกกำหนดเป็นตำแหน่งของสตริงย่อยที่ตรงกันภายในสตริงที่สมบูรณ์ S
    • คุณสมบัติอินพุตถูกตั้งค่าเป็น S
    • ตั้งค่าคุณสมบัติความยาวเป็น n + 1
    • คุณสมบัติ 0 ถูกตั้งค่าเป็นสตริงย่อยที่ตรงกัน (เช่นส่วนของ S ระหว่าง offset i inclusive และ offset e exclusive)
    • สำหรับจำนวนเต็มแต่ละตัวที่ i> 0 และ I ≤ n ให้ตั้งค่าคุณสมบัติชื่อ ToString (i) ไปที่องค์ประกอบ ith ของอาร์เรย์การจับภาพของ r

คุณกำลังใช้RegExpวัตถุเดียวและดำเนินการหลายครั้ง ในการดำเนินการต่อเนื่องแต่ละครั้งจะดำเนินต่อจากดัชนีการจับคู่ล่าสุด

คุณต้อง "รีเซ็ต" regex เพื่อเริ่มต้นจากจุดเริ่มต้นก่อนการดำเนินการแต่ละครั้ง:

result.push(re.test('Foo Bar'));
re.lastIndex = 0;
result.push(re.test('Foo Bar'));
// result is now [true, true]

ต้องบอกว่ามันอาจอ่านได้ง่ายขึ้นในการสร้างวัตถุ RegExp ใหม่ทุกครั้ง (ค่าใช้จ่ายน้อยมากเนื่องจากมีการแคช RegExp ไว้แล้ว):

result.push((/Foo B/gi).test(stringA));
result.push((/Foo B/gi).test(stringB));

RegExp.prototype.testอัปเดตlastIndexคุณสมบัตินิพจน์ปกติเพื่อให้การทดสอบแต่ละครั้งจะเริ่มต้นเมื่อการทดสอบครั้งสุดท้ายหยุดลง ฉันขอแนะนำให้ใช้String.prototype.matchเพราะไม่อัปเดตlastIndexคุณสมบัติ:

!!'Foo Bar'.match(re); // -> true
!!'Foo Bar'.match(re); // -> true

หมายเหตุ: !!แปลงเป็นบูลีนจากนั้นกลับบูลีนเพื่อสะท้อนผลลัพธ์

หรือคุณสามารถรีเซ็ตlastIndexคุณสมบัติได้:

result.push(re.test('Foo Bar'));
re.lastIndex = 0;
result.push(re.test('Foo Bar'));

การลบการgตั้งค่าสถานะส่วนกลางจะแก้ไขปัญหาของคุณ

var re = new RegExp(query, 'gi');

ควรจะเป็น

var re = new RegExp(query, 'i');

คุณต้องตั้งค่า re.lastIndex = 0 เนื่องจากมีการตั้งค่าสถานะ g regex ติดตามการแข่งขันครั้งสุดท้ายดังนั้นการทดสอบจะไม่ไปทดสอบสตริงเดียวกันเพราะคุณต้อง re.lastIndex = 0

var query = 'Foo B';
var re = new RegExp(query, 'gi');
var result = [];
result.push(re.test('Foo Bar'));
re.lastIndex=0;
result.push(re.test('Foo Bar'));

console.log(result)

การใช้แฟล็ก / g บอกให้ทำการค้นหาต่อไปหลังจากการเข้าชม

หากการจับคู่สำเร็จวิธี exec () จะส่งกลับอาร์เรย์และปรับปรุงคุณสมบัติของวัตถุนิพจน์ปกติ

ก่อนค้นหาครั้งแรก:

myRegex.lastIndex
//is 0

หลังจากการค้นหาครั้งแรก

myRegex.lastIndex
//is 8

ลบ g และออกจากการค้นหาหลังจากการโทรแต่ละครั้งเพื่อ exec ()

ฉันมีฟังก์ชั่น:

function parseDevName(name) {
  var re = /^([^-]+)-([^-]+)-([^-]+)$/g;
  var match = re.exec(name);
  return match.slice(1,4);
}

var rv = parseDevName("BR-H-01");
rv = parseDevName("BR-H-01");

การโทรครั้งแรกใช้งานได้ การโทรครั้งที่สองไม่ได้ การsliceดำเนินการบ่นเกี่ยวกับค่า Null re.lastIndexผมถือว่านี้เป็นเพราะ มันแปลกเพราะฉันคาดหวังใหม่RegExpจะได้รับการจัดสรรใหม่ทุกครั้งที่มีการเรียกใช้ฟังก์ชั่นและไม่แชร์ข้ามการเรียกใช้ฟังก์ชันของฉัน

เมื่อฉันเปลี่ยนเป็น:

var re = new RegExp('^([^-]+)-([^-]+)-([^-]+)$', 'g');

จากนั้นฉันจะไม่ได้รับlastIndexผลกระทบ มันทำงานได้ตามที่ฉันคาดไว้