Wielowierszowość w wyrażeniach regularnych JavaScript

Wyrażenia regularne podczas pracy z wielowierszowymi ciągami znaków mają swoje specyficzne cechy. Przyjrzyjmy się im na przykładzie następującego ciągu, zawierającego zwykłe znaki, znaki nowej linii i tabulacji:

javascriptlet str = `111
  222
  333
  444`;

Nowa linia

Znaki nowej linii można złapać za pomocą polecenia '\n':

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

W rezultacie do zmiennej zostanie zapisane następujące (przerwy między wierszami - to tabulacja):

javascript`111!  222!  333!  444`;

Tabulacja

Znaki tabulacji można złapać za pomocą polecenia '\t':

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

W rezultacie do zmiennej zostanie zapisane następujące:

javascript`
                111
                !222
                !333
                !444
            `;

Działanie kropki

Polecenie '.' dla wielowierszowego ciągu nie łapie znaków nowej linii:

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

W rezultacie do zmiennej zostanie zapisane następujące:

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

Dowolny znak

Aby złapać wszystkie znaki w wielowierszowym ciągu, używa się sprytnej sztuczki w postaci kombinacji [\s\S]. Taka konstrukcja znajdzie wszystkie zwykłe znaki i wszystkie znaki nowej linii:

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

W rezultacie do zmiennej zostanie zapisane następujące:

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

Daszek

Za pomocą modyfikatora 'm' można włączyć tryb wielowierszowy. W tym przypadku daszek będzie łapał początek każdego wiersza:

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

W rezultacie do zmiennej zostanie zapisane następujące:

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

Dolar

Polecenie ' w trybie wielowierszowym będzie łapać koniec każdego wiersza:

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

W rezultacie do zmiennej zostanie zapisane następujące:

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

Zadania praktyczne

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