このプログラムでは、JavaScriptの正規表現を使用して、文字列内の特定のパターンを置換します。
文字列置換プログラム
以下のコードでは、文字列"JavaScript is fun. I love JavaScript!"
内の"JavaScript"
を"JS"
に置換しています。
HTMLとJavaScriptコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>正規表現で特定の文字列を置換する方法</title>
<script>
window.onload = function() {
// 正規表現を使って文字列を置換する関数
function replacePattern(str, pattern, replacement) {
const regex = new RegExp(pattern, "g"); // グローバルにマッチする正規表現を作成
return str.replace(regex, replacement); // 正規表現でマッチした部分を置換
}
// テスト用の文字列
const testString = "JavaScript is fun. I love JavaScript!";
const pattern = "JavaScript";
const replacement = "JS";
// 文字列を置換
const replacedString = replacePattern(testString, pattern, replacement);
// 結果をHTMLに表示
document.getElementById('replaceResult').textContent = `置換結果: ${replacedString}`;
}
</script>
</head>
<body>
<h1>正規表現で特定の文字列を置換する方法</h1>
<div id="replaceResult"></div>
</body>
</html>
プログラムの解説
このプログラムでは、replace()
メソッドを使い、正規表現で指定したパターンにマッチする部分を新しい文字列に置換しています。
以下はreplace()
メソッドおよびRegExp
オブジェクトに関する注意点です。
replace()
メソッドは、正規表現を使って文字列内のパターンにマッチする部分を置換します。- 正規表現オブジェクトの
g
フラグは、文字列全体を検索し、すべてのマッチを対象に置換を行うため、必要に応じて設定します。 - パターンに特殊文字(例:
.
、*
、?
など)が含まれる場合はエスケープが必要です。 replace()
は、単一の置換だけでなく、コールバック関数を用いることで動的に置換することもできます。
RegExpオブジェクト メソッドの機能一覧

RegExpオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのRegExpオブジェクトは、正規表現を使用して文字列のパターンを検出、操作するためのオブジェクトです。以下に、RegExpオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順にまとめています。RegExpオブジェクトのインスタンスメソッド メソッド名 説明と注意点 R...