文字列内のテキストを正規表現で置換。その際、エスケープ使用

テキスト処理 ＞ 正規表現

概要

　閲覧数:611 　投稿日:2014-10-26 　更新日:2018-07-17 　

正規表現を使用して文字列内のテキストを置換
・最初にマッチした文字列のみ置換

正規表現の一部に変数を利用
・この場合、正規表現のためのエスケープと、文字列としてのエスケープで \ は2つ書く

文字列.replace( 正規表現による検索文字列 , 置換文字列 )

コード

var str="JavaScriptコード";
var data="トップページ | JavaScriptコード";

//replaceの第一引数に「指定文字列」を削除するよう直接書く
data1 = data.replace(/ \| JavaScriptコード/,"");
console.log(data1); //トップページ

//replaceの第一引数には正規表現だけでなく文字列も書ける 
data2 = data.replace(" | "+str,"");
console.log(data2); //トップページ

//正規表現の一部に変数を利用。 この場合、正規表現のためのエスケープと、文字列としてのエスケープで \ は2つ書く
data3 = data.replace(new RegExp(" \\| "+str),"");
console.log(data3); //トップページ


結果

トップページ
トップページ
トップページ


タグ


RegExp　 replace　


文字列を正規表現で置換。「最初にマッチした内容のみ置換」する場合と、「マッチした内容全てを置換」する場合



類似度ページランキング
順位 ページタイトル抜粋 ％
1 文字列内のテキストを正規表現で置換。その際、エスケープ使用 93
2 検索文字列を使用して文字列内のテキストを置換 55
3 桁数規則に沿った数値文字列を、正規表現で年月日表示 37
4 文字列を正規表現で置換。「最初にマッチした内容のみ置換」する場合と、「マッチした内容全てを置換」する場合 37
5 オブジェクトのキーとして、変数の値を使用 33
6 オブジェクトのキーとして、配列からランダムな値を取得して使用 31
7 json 文字列を eval 関数(セキュリティリスクあり)を使ってオブジェクトへ変換 28
8 配列を、アルファベット順(文字コード順)に並べ替え 26
9 _以降の文字列を取得 26
10 文字列を、指定した区切り文字で分割し、配列へ格納 23
11 配列の要素を「数値の降順」にソート 22
12 spilitで、指定した内容で分割できないときの戻り値は、["対象文字列"] 21
13 配列内の要素を、長さの少ない順に並べ替え 20
14 配列をネストしたオブジェクトを生成し、アクセス 19
15 json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換 19
16 現在日時を取得後、整形表示 19
17 文字列から「指定文字列」を削除 18
18 オブジェクトを生成し、アクセス 18
19 オブジェクト内配列より、重複しない値を取得して、新たな配列を生成 16
20 現在日時を、dateオブジェクトとして取得 16
2025/4/30 15:31 更新
週間人気ページランキング ／ 4-23 → 4-29
順位 ページタイトル抜粋 アクセス数
1 クリックした要素のid名を取得 ／ クリックした要素のクラス名を取得 | クリック(イベント) 10
2 JavaScriptコード 3
2 クリックした要素を取得 | クリック(イベント) 3
3 spilitで、指定した内容で分割できないときの戻り値は、["対象文字列"] | 文字列(テキスト処理) 2
3 json 文字列を eval 関数(セキュリティリスクあり)を使ってオブジェクトへ変換 | JSON 2
3 json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換 | JSON 2
3 配列からランダムに値を取得 | 配列 2
3 正規表現(テキスト処理) カテゴリー 2
3 数値のゼロ埋め（桁を揃える） | テキスト処理 2
3 三項演算子の入れ子 | 三項演算子(演算子) 2
3 eval | タグ毎エントリー一覧 2
3 「二つ置き」毎に結果が7増加するよう数字を表示 | 算術演算子(演算子) 2
3 firstChild | タグ毎エントリー一覧 2
3 replace | タグ毎エントリー一覧 2
3 現在日時を取得後、整形表示 | 日付および時刻関連 2
3 t | タグ毎エントリー一覧 2
3 n | タグ毎エントリー一覧 2
3 location | タグ毎エントリー一覧 2
3 p | タグ毎エントリー一覧 2
3 oncontextmenu | タグ毎エントリー一覧 2
2025/4/30 1:02 更新