javascript matchAllを使用して正規表現を利用する

javascript matchAllを使用して正規表現を利用する

javascriptで、ES2019で追加されたmatchAllを使用して、正規表現を利用するサンプルコードとなります。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

matchAll使い方

matchAllを使用すると、イテレータ形式で処理を扱うことが可能です。

実行結果

以下は、
「実行」ボタンをクリックすると、フォームに入力した値を、用意した正規表現で一致した値を出力する
サンプルコードとなります。

※cssには「bootstrap5」を使用してます。「bootstrap5」は、IEのサポートを終了してます。関数はアロー関数を利用してます。

用意した正規表現に一致した値が表示されていることが確認できます。