7. Reguläre Ausdrücke

7.1. Skript [regex-01]

Im Kurs PHP hatten wir den folgenden Code verwendet, um die regulären Ausdrücke aus PHP 7 zu veranschaulichen:

<?php

// Strenger Typ für Funktionsparameter
declare (strict_types=1);

// Reguläre Ausdrücke in PHP
// die verschiedenen Felder einer Zeichenkette extrahieren
// Das Muster: eine Ziffernfolge, die von beliebigen Zeichen umgeben ist
// Man möchte nur die Ziffernfolge extrahieren
$modèle = "/(\d+)/";
// Die Zeichenkette wird mit dem Muster abgeglichen
compareModele2Chaine($modèle, "xyz1234abcd");
compareModele2Chaine($modèle, "12 34");
compareModele2Chaine($modèle, "abcd");

// Das Muster: eine Ziffernfolge, die von beliebigen Zeichen umgeben ist
// Wir möchten die Ziffernfolge sowie die vorangehenden und nachfolgenden Felder
$modèle = "/^(.*?)(\d+)(.*?)$/";
// Die Zeichenfolge wird mit dem Muster abgeglichen
compareModele2Chaine($modèle, "xyz1234abcd");
compareModele2Chaine($modèle, "12 34");
compareModele2Chaine($modèle, "abcd");

// Das Muster: ein Datum im Format TT/MM/JJ
$modèle = "/^\s*(\d\d)\/(\d\d)\/(\d\d)\s*$/";
compareModele2Chaine($modèle, "10/05/97");
compareModele2Chaine($modèle, "  04/04/01  ");
compareModele2Chaine($modèle, "5/1/01");

// das Muster – eine Dezimalzahl
$modèle = "/^\s*([+|-]?)\s*(\d+\.\d*|\.\d+|\d+)\s*/";
compareModele2Chaine($modèle, "187.8");
compareModele2Chaine($modèle, "-0.6");
compareModele2Chaine($modèle, "4");
compareModele2Chaine($modèle, ".6");
compareModele2Chaine($modèle, "4.");
compareModele2Chaine($modèle, " + 4");

// Ende
exit;

// --------------------------------------------------------------------------
function compareModele2Chaine(string $modèle, string $chaîne): void {
  // vergleicht die Zeichenfolge $chaîne mit dem Muster $modèle
  // Die Zeichenfolge wird mit dem Muster abgeglichen
  $champs = [];
  $correspond = preg_match($modèle, $chaîne, $champs);
  // Anzeige der Ergebnisse
  print "\nRésultats($modèle,$chaîne)\n";
  if ($correspond) {
    for ($i = 0; $i < count($champs); $i++) {
      print "champs[$i]=$champs[$i]\n";
    }
  } else {
    print "La chaîne [$chaîne] ne correspond pas au modèle [$modèle]\n";
  }
}

Wir setzen diesen Code wie folgt in JavaScript um:

'use strict';

/// Reguläre Ausdrücke in JavaScript
// Die verschiedenen Felder einer Zeichenkette abrufen
// Das Muster: eine Ziffernfolge, die von beliebigen Zeichen umgeben ist
// Man möchte nur die Ziffernfolge extrahieren
let modèle = /(\d+)/;
// Die Zeichenkette wird mit dem Muster verglichen
compareModèleToChaîne(modèle, "xyz1234abcd");
compareModèleToChaîne(modèle, "12 34");
compareModèleToChaîne(modèle, "abcd");

// Das Muster: eine Ziffernfolge, umgeben von beliebigen Zeichen
// gewünscht wird die Ziffernfolge sowie die vorangehenden und nachfolgenden Felder
modèle = /^(.*?)(\d+)(.*?)$/;
// Die Zeichenfolge wird mit dem Muster abgeglichen
compareModèleToChaîne(modèle, "xyz1234abcd");
compareModèleToChaîne(modèle, "12 34");
compareModèleToChaîne(modèle, "abcd");

// Das Muster – ein Datum im Format TT/MM/JJ
modèle = /^\s*(\d\d)\/(\d\d)\/(\d\d)\s*$/;
compareModèleToChaîne(modèle, "10/05/97");
compareModèleToChaîne(modèle, "  04/04/01  ");
compareModèleToChaîne(modèle, "5/1/01");

// das Muster – eine Dezimalzahl
modèle = /^\s*([+|-]?)\s*(\d+\.\d*|\.\d+|\d+)\s*$/;
compareModèleToChaîne(modèle, "187.8");
compareModèleToChaîne(modèle, "-0.6");
compareModèleToChaîne(modèle, "4");
compareModèleToChaîne(modèle, ".6");
compareModèleToChaîne(modèle, "4.");
compareModèleToChaîne(modèle, " + 4");

// --------------------------------------------------------------------------
function compareModèleToChaîne(modèle, chaîne) {
  // vergleicht die Zeichenfolge [chaîne] mit dem Muster [modèle]
  console.log(`----------- chaîne=${chaîne}, modèle=${modèle}`)
  // Die Zeichenfolge wird mit dem Muster verglichen
  const result1 = modèle.exec(chaîne);
  console.log(`comparaison avec exec=`, result1);
  // eine andere Vorgehensweise
  const result2 = chaîne.match(modèle);
  console.log(`comparaison avec match=`, result2);
}

Anmerkungen

• Die Codes PHP und JavaScript liegen sehr nahe beieinander;
• Zeile 7: Es ist zu beachten, dass der reguläre Ausdruck in JavaScript keine Zeichenkette, sondern ein Objekt ist. Der Ausdruck wird nicht in Anführungszeichen oder Apostrophe gesetzt;
• Zeilen 41 und 44: Es gibt zwei Methoden, um das gleiche Ergebnis zu erzielen;

Ausführung

[Running] C:\myprograms\laragon-lite\bin\nodejs\node-v10\node.exe -r esm "c:\Data\st-2019\dev\es6\javascript\regexp\regexp-01.js"
type d'une expression régulière : object
----------- chaîne=xyz1234abcd, modèle=/(\d+)/
comparaison avec exec= [ '1234',
'1234',
index: 3,
input: 'xyz1234abcd',
groups: undefined ]
comparaison avec match= [ '1234',
'1234',
index: 3,
input: 'xyz1234abcd',
groups: undefined ]
----------- chaîne=12 34, modèle=/(\d+)/
comparaison avec exec= [ '12', '12', index: 0, input: '12 34', groups: undefined ]
comparaison avec match= [ '12', '12', index: 0, input: '12 34', groups: undefined ]
----------- chaîne=abcd, modèle=/(\d+)/
comparaison avec exec= null
comparaison avec match= null
----------- chaîne=xyz1234abcd, modèle=/^(.*?)(\d+)(.*?)$/
comparaison avec exec= [ 'xyz1234abcd',
'xyz',
'1234',
'abcd',
index: 0,
input: 'xyz1234abcd',
groups: undefined ]
comparaison avec match= [ 'xyz1234abcd',
'xyz',
'1234',
'abcd',
index: 0,
input: 'xyz1234abcd',
groups: undefined ]
----------- chaîne=12 34, modèle=/^(.*?)(\d+)(.*?)$/
comparaison avec exec= [ '12 34',
'',
'12',
' 34',
index: 0,
input: '12 34',
groups: undefined ]
comparaison avec match= [ '12 34',
'',
'12',
' 34',
index: 0,
input: '12 34',
groups: undefined ]
----------- chaîne=abcd, modèle=/^(.*?)(\d+)(.*?)$/
comparaison avec exec= null
comparaison avec match= null
----------- chaîne=10/05/97, modèle=/^\s*(\d\d)\/(\d\d)\/(\d\d)\s*$/
comparaison avec exec= [ '10/05/97',
'10',
'05',
'97',
index: 0,
input: '10/05/97',
groups: undefined ]
comparaison avec match= [ '10/05/97',
'10',
'05',
'97',
index: 0,
input: '10/05/97',
groups: undefined ]
----------- chaîne= 04/04/01 , modèle=/^\s*(\d\d)\/(\d\d)\/(\d\d)\s*$/
comparaison avec exec= [ ' 04/04/01 ',
'04',
'04',
'01',
index: 0,
input: ' 04/04/01 ',
groups: undefined ]
comparaison avec match= [ ' 04/04/01 ',
'04',
'04',
'01',
index: 0,
input: ' 04/04/01 ',
groups: undefined ]
----------- chaîne=5/1/01, modèle=/^\s*(\d\d)\/(\d\d)\/(\d\d)\s*$/
comparaison avec exec= null
comparaison avec match= null
----------- chaîne=187.8, modèle=/^\s*([+|-]?)\s*(\d+\.\d*|\.\d+|\d+)\s*$/
comparaison avec exec= [ '187.8',
'',
'187.8',
index: 0,
input: '187.8',
groups: undefined ]
comparaison avec match= [ '187.8',
'',
'187.8',
index: 0,
input: '187.8',
groups: undefined ]
----------- chaîne=-0.6, modèle=/^\s*([+|-]?)\s*(\d+\.\d*|\.\d+|\d+)\s*$/
comparaison avec exec= [ '-0.6', '-', '0.6', index: 0, input: '-0.6', groups: undefined ]
comparaison avec match= [ '-0.6', '-', '0.6', index: 0, input: '-0.6', groups: undefined ]
----------- chaîne=4, modèle=/^\s*([+|-]?)\s*(\d+\.\d*|\.\d+|\d+)\s*$/
comparaison avec exec= [ '4', '', '4', index: 0, input: '4', groups: undefined ]
comparaison avec match= [ '4', '', '4', index: 0, input: '4', groups: undefined ]
----------- chaîne=.6, modèle=/^\s*([+|-]?)\s*(\d+\.\d*|\.\d+|\d+)\s*$/
comparaison avec exec= [ '.6', '', '.6', index: 0, input: '.6', groups: undefined ]
comparaison avec match= [ '.6', '', '.6', index: 0, input: '.6', groups: undefined ]
----------- chaîne=4., modèle=/^\s*([+|-]?)\s*(\d+\.\d*|\.\d+|\d+)\s*$/
comparaison avec exec= [ '4.', '', '4.', index: 0, input: '4.', groups: undefined ]
comparaison avec match= [ '4.', '', '4.', index: 0, input: '4.', groups: undefined ]
----------- chaîne= + 4, modèle=/^\s*([+|-]?)\s*(\d+\.\d*|\.\d+|\d+)\s*$/
comparaison avec exec= [ ' + 4', '+', '4', index: 0, input: ' + 4', groups: undefined ]
comparaison avec match= [ ' + 4', '+', '4', index: 0, input: ' + 4', groups: undefined ]

Die Methoden [regexp.exec] und [string.match] liefern dieselben Ergebnisse:

• [null], wenn keine Übereinstimmungen zwischen der Zeichenfolge und ihrer Vorlage vorhanden sind;
• ein Array t, wenn eine Übereinstimmung mit:
  • t[0]: die Zeichenkette, die dem Muster entspricht;
  • t[1]: die Zeichenfolge, die der ersten Klammer des Musters entspricht;
  • t[2]: die Zeichenfolge, die der zweiten Klammer des Musters entspricht;
  • …
  • t[input]: die gesamte Zeichenfolge, in der nach dem Muster gesucht wurde;

7.2. Skript [regexp-02]

Manchmal möchte man keine Elemente aus der getesteten Zeichenkette extrahieren, sondern nur wissen, ob sie dem Muster entspricht:

'use strict';

/// Reguläre Ausdrücke in JavaScript
// Die verschiedenen Felder einer Zeichenkette extrahieren
// Das Muster: eine Ziffernfolge, die von beliebigen Zeichen umgeben ist
// Man möchte nur die Ziffernfolge extrahieren
let modèle = /\d+/;
console.log("type d'une expression régulière : ", typeof (modèle));
// Die Zeichenkette wird mit dem Muster abgeglichen
compareModèleToChaîne(modèle, "xyz1234abcd");
compareModèleToChaîne(modèle, "12 34");
compareModèleToChaîne(modèle, "abcd");

// Das Muster: eine Ziffernfolge, die von beliebigen Zeichen umgeben ist
// Man möchte die Ziffernfolge sowie die vorangehenden und nachfolgenden Felder
modèle = /^.*?\d+.*?$/;
// Die Zeichenfolge wird mit dem Muster abgeglichen
compareModèleToChaîne(modèle, "xyz1234abcd");
compareModèleToChaîne(modèle, "12 34");
compareModèleToChaîne(modèle, "abcd");

// das Muster – ein Datum im Format TT/MM/JJ
modèle = /^\s*\d\d\/\d\d\/\d\d\s*$/;
compareModèleToChaîne(modèle, "10/05/97");
compareModèleToChaîne(modèle, "  04/04/01  ");
compareModèleToChaîne(modèle, "5/1/01");

// das Muster – eine Dezimalzahl
modèle = /^\s*[+|-]?\s*\d+\.\d*|\.\d+|\d+\s*$/;
compareModèleToChaîne(modèle, "187.8");
compareModèleToChaîne(modèle, "-0.6");
compareModèleToChaîne(modèle, "4");
compareModèleToChaîne(modèle, ".6");
compareModèleToChaîne(modèle, "4.");
compareModèleToChaîne(modèle, " + 4");

// --------------------------------------------------------------------------
function compareModèleToChaîne(modèle, chaîne) {
  // Test
  const correspond = modèle.test(chaîne);
  // vergleicht die Zeichenfolge [chaîne] mit dem Muster [modèle]
  console.log(`----------- chaîne=${chaîne}, modèle=${modèle}, correspond=${correspond}`);
}

Kommentare

• [regexp-02] übernimmt den Code von [regexp-01] mit folgenden Unterschieden:
  • Man möchte keine Elemente der zu prüfenden Zeichenkette extrahieren. Daher wurden die Klammern in den verwendeten regulären Ausdrücken entfernt;
  • Zeile 40: Wir verwenden die Methode [Regexp.test], um festzustellen, ob eine Zeichenkette einem regulären Ausdruck entspricht;

Die Ergebnisse der Ausführung lauten wie folgt:

[Running] C:\myprograms\laragon-lite\bin\nodejs\node-v10\node.exe -r esm "c:\Data\st-2019\dev\es6\cours\regexp\regexp-02.js"
type d'une expression régulière :  object
----------- chaîne=xyz1234abcd, modèle=/\d+/, correspond=true
----------- chaîne=12 34, modèle=/\d+/, correspond=true
----------- chaîne=abcd, modèle=/\d+/, correspond=false
----------- chaîne=xyz1234abcd, modèle=/^.*?\d+.*?$/, correspond=true
----------- chaîne=12 34, modèle=/^.*?\d+.*?$/, correspond=true
----------- chaîne=abcd, modèle=/^.*?\d+.*?$/, correspond=false
----------- chaîne=10/05/97, modèle=/^\s*\d\d\/\d\d\/\d\d\s*$/, correspond=true
----------- chaîne=  04/04/01  , modèle=/^\s*\d\d\/\d\d\/\d\d\s*$/, correspond=true
----------- chaîne=5/1/01, modèle=/^\s*\d\d\/\d\d\/\d\d\s*$/, correspond=false
----------- chaîne=187.8, modèle=/^\s*[+|-]?\s*\d+\.\d*|\.\d+|\d+\s*$/, correspond=true
----------- chaîne=-0.6, modèle=/^\s*[+|-]?\s*\d+\.\d*|\.\d+|\d+\s*$/, correspond=true
----------- chaîne=4, modèle=/^\s*[+|-]?\s*\d+\.\d*|\.\d+|\d+\s*$/, correspond=true
----------- chaîne=.6, modèle=/^\s*[+|-]?\s*\d+\.\d*|\.\d+|\d+\s*$/, correspond=true
----------- chaîne=4., modèle=/^\s*[+|-]?\s*\d+\.\d*|\.\d+|\d+\s*$/, correspond=true
----------- chaîne= + 4, modèle=/^\s*[+|-]?\s*\d+\.\d*|\.\d+|\d+\s*$/, correspond=true

[Done] exited with code=0 in 0.269 seconds