การจัดการหลายบรรทัดใน Regular Expressions ของ JavaScript

Regular expressions เมื่อทำงานกับสตริงหลายบรรทัด มีลักษณะเฉพาะของตัวเอง มาทำความเข้าใจกัน โดยใช้ตัวอย่างสตริงต่อไปนี้ ซึ่งมีอักขระทั่วไป อักขระขึ้นบรรทัดใหม่ และแท็บ:

javascriptlet str = `111
  222
  333
  444`;

การขึ้นบรรทัดใหม่

อักขระขึ้นบรรทัดใหม่สามารถ จับได้ด้วยคำสั่ง '\n':

javascriptlet res = str.replace(/\n/g, '!');

ผลลัพธ์ที่เขียนลงในตัวแปรจะเป็นดังนี้ (ช่องว่างระหว่างบรรทัดคือแท็บ):

javascript`111!  222!  333!  444`;

แท็บ

อักขระแท็บสามารถ จับได้ด้วยคำสั่ง '\t':

javascriptlet res = str.replace(/\t/g, '!');

ผลลัพธ์ที่เขียนลงในตัวแปรจะเป็นดังนี้:

javascript`
                111
                !222
                !333
                !444
            `;

การทำงานของจุด

คำสั่ง '.' สำหรับสตริงหลายบรรทัด จะไม่จับอักขระขึ้นบรรทัดใหม่:

javascriptlet res = str.replace(/./g, '!');

ผลลัพธ์ที่เขียนลงในตัวแปรจะเป็นดังนี้:

javascript`
                !!!
                !!!!
                !!!!
                !!!!
            `;

อักขระใดๆ

เพื่อจับอักขระทั้งหมดในสตริงหลายบรรทัด ใช้เทคนิคพิเศษคือ การรวม [\s\S] โครงสร้างนี้จะหา อักขระทั่วไปทั้งหมดและอักขระขึ้นบรรทัดใหม่ทั้งหมด:

javascriptlet res = str.replace(/[\s\S]/g, '!');

ผลลัพธ์ที่เขียนลงในตัวแปรจะเป็นดังนี้:

javascript`!!!!!!!!!!!!!!!!!!`;

เครื่องหมาย caret (^)

ด้วยตัวปรับแต่ง 'm' สามารถเปิดโหมดหลายบรรทัดได้ ในกรณีนี้ เครื่องหมาย caret จะจับ จุดเริ่มต้นของแต่ละบรรทัด:

javascriptlet res = str.replace(/^/gm, '!');

ผลลัพธ์ที่เขียนลงในตัวแปรจะเป็นดังนี้:

javascript`
                !111
                !222
                !333
                !444
            `;

เครื่องหมายดอลลาร์ ($)

คำสั่ง ' ในโหมดหลายบรรทัด จะจับจุดสิ้นสุดของแต่ละบรรทัด:

javascriptlet res = str.replace(/$/gm, '!');

ผลลัพธ์ที่เขียนลงในตัวแปรจะเป็นดังนี้:

javascript`
                111!
  222!
  333!
  444!
            `;

โจทย์ปฏิบัติ

javascript`
  abc
  def
  ghi
  jkl
`;

javascript`
  abc!
  def!
  ghi!
  jkl!
`;

javascript`
  abc
  def
  ghi
  jkl
`;

javascript`
!  abc
!  def
!  ghi
!  jkl
`;

javascript`
  abc
  def
  ghi
  jkl
`;

javascript`!
  abc
  def
  ghi
  jkl
!`;

javascript`
  abc
  def
  ghi
  jkl
`;

javascript`!
!  abc
!  def
!  ghi
!  jkl
!`;

javascript`
  abc
  def
  ghi
  jkl
`;

javascript`!
  abc!
  def!
  ghi!
  jkl!
!`;

javascript`
  abc
  def
  ghi
  jkl
`;

javascript`
                    !abc
                    !def
                    !ghi
                    !jkl
`;