特定のパターンで文字列を分割したい | 正規表現

特定のパターンで文字列を分割したい | 正規表現 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.24

このプログラムでは、JavaScriptの正規表現を使用して、文字列を特定のパターンで分割します。

文字列分割プログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
RegExpオブジェクトメソッドの機能一覧
Stringオブジェクトメソッドの機能一覧

文字列分割プログラム

以下のコードでは、文字列"apple, orange; banana | grape"をコンマ、セミコロン、またはパイプで分割しています。この文字列を “,”で分割し直します。

HTMLとJavaScriptコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>特定のパターンで文字列を分割する方法</title>
    <script>
        window.onload = function() {
            // 特定のパターンで文字列を分割する関数
            function splitStringByPattern(str, pattern) {
                return str.split(pattern);  // 正規表現を使って文字列を分割
            }

            // テスト用の文字列
            const testString = "apple, orange; banana | grape";

            // コンマ、セミコロン、またはパイプで分割
            const pattern = /[,;|]/;  // コンマ、セミコロン、パイプのいずれか
            const result = splitStringByPattern(testString, pattern);

            // 結果をHTMLに表示
            document.getElementById('result').textContent = result.join(', ');
        }
    </script>
</head>
<body>

    <h1>特定のパターンで文字列を分割する方法</h1>

    <div id="result"></div>

</body>
</html>

プログラムの解説

このプログラムでは、split()メソッドを使用して文字列を特定のパターンで分割しています。正規表現パターン/[,;|]/は、コンマ、セミコロン、またはパイプ記号のいずれかで文字列を区切ります。

以下はsplit()メソッドおよび正規表現に関する注意点です。

split()メソッドは、指定した正規表現や文字列で区切られた文字列の配列を返します。
複数の区切り文字を使いたい場合、正規表現を使用することで簡単に対応できます。例えば、/[,;|]/はコンマ、セミコロン、またはパイプ記号を含むいずれかで分割します。
分割結果には空の文字列も含まれる可能性があるため、結果を処理する際はその点に注意が必要です。