JavaScriptで正規表現を使用するにはどのような方法がありますか?-フロントエンドQ&A-php.cn

JavaScriptで正規表現を使用するにはどのような方法がありますか?

青灯夜游

リリース： 2022-01-12 16:45:31

オリジナル

4426 人が閲覧しました

JavaScript の通常のメソッド: 1. exec()、文字列内の正規表現の一致を取得するために使用されます; 2. test()、文字列が指定された正規表現と一致するかどうかを検出するために使用されます; 3. toString() ; 4. replace(); 5. match(); 6. search()。

JavaScriptで正規表現を使用するにはどのような方法がありますか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

正規表現とは

正規表現は、文字パターンを記述するオブジェクトです。

正規表現は、文字列パターンの照合、取得および置換に使用され、文字列のパターンマッチングを実行するための強力なツールです。

RegExp オブジェクトメソッド

メソッド	説明
コンパイル	はバージョン 1.5 で非推奨になりました。正規表現をコンパイルします。
exec	文字列で指定された値を取得します。見つかった値を返し、その位置を決定します。
test	文字列で指定された値を取得します。 true または false を返します。
toString	正規表現の文字列を返します。

#正規表現をサポートする String オブジェクトのメソッド

メソッドsearchmatchreplacesplit

# #Description	FF	IE
正規表現に一致する値を取得します。	1	4
1 つ以上の正規表現に一致するものを検索します。	1	4
正規表現に一致する部分文字列を置換します。	1	4
文字列を文字列配列に分割します。	1	4

JavaScript exec() メソッド

exec() メソッド文字列内の正規表現の一致を取得するために使用されます。

文字列内に一致する値がある場合は一致する値を返し、それ以外の場合は null を返します。

var str="Hello world!";
//查找"Hello"
var patt=/Hello/g;
var result=patt.exec(str);
document.write("返回值: " +  result); 
//查找 "php"
patt=/php/g;
result=patt.exec(str);
document.write("<br>返回值: " +  result);

ログイン後にコピー

JavaScriptで正規表現を使用するにはどのような方法がありますか?

JavaScript test() メソッド

test() メソッドは、文字列が特定のパターンに一致するかどうかをテストするために使用されます。

文字列内に一致する値がある場合は true を返し、それ以外の場合は false を返します。

var str="Hello world!";
//查找"Hello"
var patt=/Hello/g;
var result=patt.test(str);
document.write("返回值: " +  result); 
//查找 "php"
patt=/php/g;
result=patt.test(str);
document.write("<br>返回值: " +  result);

ログイン後にコピー

JavaScriptで正規表現を使用するにはどのような方法がありますか?

JavaScript RegExp toString() メソッド

toString() メソッドは、正規表現の文字列値を返します。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>点击按钮返回正则表达式的字符串值。</p>

<button onclick="myFunction()">点我</button>
	
<p id="demo"></p>
	
<script>
function myFunction() {
    var patt = new RegExp("PHP中文网", "g");
    var res = patt.toString();
    document.getElementById("demo").innerHTML = res;
}
</script>

</body>
</html>

ログイン後にコピー

JavaScriptで正規表現を使用するにはどのような方法がありますか?

JavaScript replace() メソッド

replace() メソッドは、文字列内の一部の文字を他の文字に置換するために使用されます。または、正規表現に一致する部分文字列を置き換えます。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>单击按钮将段落中的“blue”替换成“red”。</p>
<p id="demo">Mr Blue has a blue house and a blue car.</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str=document.getElementById("demo").innerHTML; 
	var n=str.replace(/blue/gi,"red");
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

ログイン後にコピー

JavaScriptで正規表現を使用するにはどのような方法がありますか?

JavaScript match() メソッド

match() メソッドは、文字列内の指定された値を取得するか、またはを検索します。複数の正規表現の一致。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮显示matches</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="The rain in SPAIN stays mainly in the plain"; 
	var n=str.match(/ain/g);
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

ログイン後にコピー

JavaScriptで正規表現を使用するにはどのような方法がありますか?

JavaScript search() メソッド

search() メソッドは、文字列内の指定された部分文字列を取得するために使用されます。または、正規表現に一致する部分文字列を取得します。

一致する部分文字列が見つからない場合は、-1 が返されます。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击显示查找的位置</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Mr. Blue has a blue house"
	var n=str.search("blue");
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

ログイン後にコピー

JavaScriptで正規表現を使用するにはどのような方法がありますか? [関連する推奨事項: