js-line-regular-expression


  view source
  JavaScript
  //js-line-regular-expression

function extractMatches() {
    const patternStr = document.getElementById("patternInput").value;
    const inputText = document.getElementById("textInput").value;
    const outputArea = document.getElementById("output");

    let regex;
    try {
        regex = new RegExp(patternStr, 'u'); // Unicode対応
    } catch (e) {
        outputArea.value = "正規表現が無効です: " + e.message;
        return;
    }

    const lines = inputText.split('\n');
    const results = [];

    for (let line of lines) {
        const match = line.match(regex);
        if (match && match.length > 1) {
            // キャプチャグループ(1つ目以降)をすべて抽出
            results.push(match.slice(1).join(''));
        }
    }

    outputArea.value = results.join('\n');
}
  CSS
  
  HTML
  
    ページのソースを表示 : Ctrl+U , DevTools : F12
    view-source:https://hi0a.com/demo/-js/js-line-regular-expression/
  
  ABOUT
  
    hi0a.com 「ひまあそび」は無料で遊べるミニゲームや便利ツールを公開しています。
    プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。
    必要な機能の関数をコピペ利用したり勉強に活用できます。
    プログラムの動作サンプル結果は画面上部に出力表示されています。
    環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。
    画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。
    仕様変更、API廃止等、実験途中で動かないページもあります。