このプログラムでは、JavaScriptの正規表現を使用して、文字列が特定のパターンで始まるか、または終わるかを確認します。
文字列の開始と終了確認プログラム
以下のコードでは、文字列"JavaScript is awesome!"
が"JavaScript"
で始まり、"awesome!"
で終わるかどうかを確認しています。
HTMLとJavaScriptコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>特定の文字列で始まるか、終わるかを確認する方法</title>
<script>
window.onload = function() {
// 特定の文字列で始まるか、終わるかを確認する関数
function checkStartEnd(str, startPattern, endPattern) {
const startRegex = new RegExp(`^${startPattern}`); // ^ は文字列の先頭を意味する
const endRegex = new RegExp(`${endPattern}$`); // $ は文字列の末尾を意味する
const startsWith = startRegex.test(str); // 文字列が指定のパターンで始まるか確認
const endsWith = endRegex.test(str); // 文字列が指定のパターンで終わるか確認
return { startsWith, endsWith };
}
// テスト用の文字列
const testString = "JavaScript is awesome!";
const startPattern = "JavaScript";
const endPattern = "awesome!";
// パターンが文字列の先頭、末尾にあるかを確認
const { startsWith, endsWith } = checkStartEnd(testString, startPattern, endPattern);
// 結果をHTMLに表示
document.getElementById('startCheck').textContent = `文字列「${testString}」が「${startPattern}」で始まるか: ${startsWith}`;
document.getElementById('endCheck').textContent = `文字列「${testString}」が「${endPattern}」で終わるか: ${endsWith}`;
}
</script>
</head>
<body>
<h1>特定の文字列で始まるか、終わるかを確認する方法</h1>
<div id="startCheck"></div>
<div id="endCheck"></div>
</body>
</html>
プログラムの解説
このプログラムでは、正規表現を使用して、文字列が特定のパターンで始まるか、または終わるかを検証しています。^
は文字列の先頭を、$
は文字列の末尾を表すため、これらを組み合わせて始まりや終わりを確認しています。
以下は正規表現およびtest()
メソッドに関する注意点です。
^
は文字列の先頭に一致するパターンを示し、$
は文字列の末尾に一致するパターンを示します。test()
メソッドは、指定した文字列が正規表現に一致するかどうかを確認し、true
またはfalse
を返します。- 正規表現は大文字小文字を区別しますが、必要に応じて
i
フラグを使用して大文字小文字を無視することができます。
RegExpオブジェクト メソッドの機能一覧
RegExpオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのRegExpオブジェクトは、正規表現を使用して文字列のパターンを検出、操作するためのオブジェクトです。以下に、RegExpオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順にまとめています。 RegExpオブジェクトのインスタンスメソッド メソッド名 説明と注意点 ...