Mehrzeiligkeit in JavaScript-Regexen

Reguläre Ausdrücke haben ihre Besonderheiten bei der Arbeit mit mehrzeiligen Zeichenketten. Lass uns das anhand der folgenden Zeichenkette erkunden, die gewöhnliche Zeichen, Zeilenumbruchzeichen und Tabulatoren enthält:

javascriptlet str = `111
  222
  333
  444`;

Zeilenumbruch

Zeilenumbruchzeichen können mit dem Befehl '\n' gefangen werden:

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

Das Ergebnis in der Variable wird folgendes sein (Die Abstände zwischen den Zeilen sind Tabulatoren):

javascript`111!  222!  333!  444`;

Tabulator

Tabulatorzeichen können mit dem Befehl '\t' gefangen werden:

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

Das Ergebnis in der Variable wird folgendes sein:

javascript`
                111
                !222
                !333
                !444
            `;

Verhalten des Punkts

Der Befehl '.' fängt in einer mehrzeiligen Zeichenkette keine Zeilenumbruchzeichen:

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

Das Ergebnis in der Variable wird folgendes sein:

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

Beliebiges Zeichen

Um alle Zeichen in einer mehrzeiligen Zeichenkette zu fangen, wird ein trickreicher Ansatz in Form der Kombination [\s\S] verwendet. Diese Konstruktion findet alle gewöhnlichen Zeichen und alle Zeilenumbrüche:

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

Das Ergebnis in der Variable wird folgendes sein:

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

Zirkumflex (^)

Mit dem Modifikator 'm' kann der Mehrzeilenmodus aktiviert werden. In diesem Fall findet das Zirkumflex-Zeichen den Anfang jeder Zeile:

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

Das Ergebnis in der Variable wird folgendes sein:

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

Dollar-Zeichen

Der Befehl '$' im Mehrzeilenmodus findet das Ende jeder Zeile:

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

Das Ergebnis in der Variable wird folgendes sein:

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

Praktische Aufgaben

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
`;