JS は replace() メソッドと正規表現を使用して文字列を検索および置換します_javascript スキル

WBOY
リリース: 2016-05-16 16:52:55
オリジナル
1639 人が閲覧しました

1. JS 文字列の置換と replace() メソッドの使用

replace(regexp,replacement) メソッドには 2 つのパラメーターがあります。最初のパラメーターはプレーン テキスト文字列または RegExp オブジェクトにすることができます。詳細については、「RegExp オブジェクトの使用」を参照してください。2 番目のパラメーターは文字列または RegExp にすることができます。オブジェクト。

以下は JS 文字列置換の例です:

例 1:

コードをコピーします コードは次のとおりです:

var str= "Hello world !";
document.write(str.replace(/world/, "phper"));

例 2:
コードをコピーします コードは次のとおりです:

var reg=new RegExp("(\w ),(\d ),(\w )", "gmi");
var info="リリ,14,中国";
var rep=info.replace(reg, "彼女は 1 ドル、2 ドルで、出身地は 3 ドルです");
alert (rep);

例 3:
コードをコピー コードは次のとおりです:

var reg=new RegExp ("(\w ),(\d ),(\w )","gmi");
var info="Lili,14,China";
var name, age, from;
function prase_info(m,p1,p2,p3) { // 明示的でないパラメーターを使用したり、引数を使用して
name = p1;
age = p2; を取得することもできます。
from = p3;
return "彼女は " p1 "、" p2 " 歳、出身は " p3;
}
var rep=info.replace(reg, prase_info);
アラート(担当者);
アラート(名前);

2. RegExp オブジェクトの使用

JavaScript は、正規表現に関連する操作と関数を完了するための RegExp オブジェクトを提供します。各正規表現パターンは RegExp インスタンスに対応します。 RegExp オブジェクトのインスタンスを作成するには 2 つの方法があります。

RegExp の明示的なコンストラクターを使用します。構文は次のとおりです: new RegExp("pattern"[,"flags"]); RegExp の暗黙的なコンストラクターをプレーン テキスト形式で使用します: /pattern/[flags]。例 4 の 2 つのステートメントは同等です。

例 4:

コードをコピーします コードは次のとおりです:

var re1 = new RegExp( "\d{5}");
var re2 = /d{5}/;

3. 文字列検索と exec() メソッドの使用

exec() メソッドは、一致する結果を格納する配列を返します。一致するものが見つからない場合、戻り値は null になります。

例 5:

コードをコピーします コードは次のとおりです:

var reg= new RegExp( "(\w ),(\d ),(\w )","gmi");
var m=reg.exec("Lili,14,China");
var s= "";
for (i = 0; i s = s m[i] "n";
}
alert(s);

4. test() メソッドの使用

RegExpObject.test(文字列)

文字列 string に RegExpObject に一致するテキストが含まれている場合は true を返し、それ以外の場合は false を返します。

例 6:

コードをコピーします コードは次のとおりです:

var reg= new RegExp( "(\w ),(\d ),(\w )","gmi");
var m=reg.test("Lili,14,China");
alert(RegExp .$1) ;
alert(RegExp.$2);
alert(RegExp.$3);
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート