ホームページ > 記事 > ウェブフロントエンド > JavaScriptで正規表現を使用するにはどのような方法がありますか?
JavaScriptで正規表現を使用するにはどのような方法がありますか?
- 青灯夜游オリジナル
- 2022-01-12 16:45:314424ブラウズ
JavaScript の通常のメソッド: 1. exec()、文字列内の正規表現の一致を取得するために使用されます; 2. test()、文字列が指定された正規表現と一致するかどうかを検出するために使用されます; 3. toString() ; 4. replace(); 5. match(); 6. search()。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
正規表現とは
正規表現は、文字パターンを記述するオブジェクトです。
正規表現は、文字列パターンの照合、取得および置換に使用され、文字列のパターン マッチングを実行するための強力なツールです。
RegExp オブジェクト メソッド
| メソッド | 説明 |
|---|---|
| コンパイル | はバージョン 1.5 で非推奨になりました。 正規表現をコンパイルします。 |
| exec | 文字列で指定された値を取得します。見つかった値を返し、その位置を決定します。 |
| test | 文字列で指定された値を取得します。 true または false を返します。 |
| toString | 正規表現の文字列を返します。 |
#正規表現をサポートする String オブジェクトのメソッド
| # #Description | FF | IE | |
|---|---|---|---|
| 正規表現に一致する値を取得します。 | 1 | 4 | |
| 1 つ以上の正規表現に一致するものを検索します。 | 1 | 4 | |
| 正規表現に一致する部分文字列を置換します。 | 1 | 4 | |
| 文字列を文字列配列に分割します。 | 1 | 4 |
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);
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);
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>
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>
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>
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で正規表現を使用するにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。