JS 置換メソッド_JavaScript スキル

定义和用法
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

语法
stringObject.replace(regexp/substr,replacement)

参数	描述
regexp/substr	必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。
replacement	必需。一个字符串值。规定了替换文本或生成替换文本的函数。

返回值

一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

说明

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

replacement 可以是字符串，也可以是函数。如果它是字符串，那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示，它说明从模式匹配得到的字符串将用于替换。

字符	替换文本
$1、$2、...、$99	与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$&	与 regexp 相匹配的子串。
$`	位于匹配子串左侧的文本。
$'	位于匹配子串右侧的文本。
$$	直接量符号。

注: ECMAScript v3 では、replace() メソッドのパラメータ置換には文字列ではなく関数を使用できると規定されています。この場合、関数は一致するたびに呼び出され、関数が返す文字列が置換テキストとして使用されます。この関数の最初のパラメータは、パターンに一致する文字列です。次の引数は、パターン内の部分式に一致する文字列であり、そのような引数は 0 個以上存在できます。次のパラメータは、一致が発生する stringObject 内の位置を宣言する整数です。最後のパラメータは stringObject 自体です。

より基本的な例は、ここで参照できます: http://www.jb51.net/w3school/js/jsref_replace.htm

replacement() メソッドのパラメータ置換は、文字列ではなく関数にしてください。この場合、関数は一致するたびに呼び出され、関数が返す文字列が置換テキストとして使用されます。この関数の最初のパラメータは、パターンに一致する文字列です。次の引数は、パターン内の部分式に一致する文字列です。このような引数は 0 個以上存在できます。次のパラメータは、一致が発生する stringObject 内の位置を宣言する整数です。最後のパラメータは stringObject 自体です。

次に、JavaScript の正規表現を置き換えるいくつかの方法を示します (セカンド パーティやサードパーティのメソッドなど)。

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

//次の例は取得に使用されます。 2 つの URL パラメータを取得し、urlRewrite
var reg=new RegExp("(http://www.qidian.com/BookReader/)(\d ),(\d ).aspx","gmi の前に実際の URL を返します。 ") ;
var url="http://www.qidian.com/BookReader/1017141,20361055.aspx";

//方法 1、最も単純で最もよく使用される方法
var rep=url.replace(reg,"$1ShowBook.aspx?bookId=$2&chapterId=$3");
alert(rep);

//方法 2、固定パラメータを持つコールバック関数を使用する
var rep2=url.replace(reg,function(m,p1,p2,p3){return p1 "ShowBook.aspx?bookId=" p3 " &chapterId =" p3});
alert(rep2);

//メソッド 3、非固定パラメータのコールバック関数を使用する
var rep3=url.replace(reg,function(){var args=arguments; return args[1] "ShowBook.aspx?bookId= " args [2] "&chapterId=" args[3];});
alert(rep3);

//メソッド 4
//メソッド 4 はメソッド 3 と非常に似ています。置換された文字列を返すことに加えて、パラメーターを個別に取得することもできます

[コード]
var bookId;
var ChapterId;
function capText()
{
var args=arguments;
bookId=args[2];
ChapterId=args[3];
return args[1] "ShowBook.aspx?bookId=" args[2] "&chapterId=" args[3];
}

var rep4=url.replace(reg,capText);
alert(rep4);
alert(bookId);
alert(chapterId);

//replace メソッドを使用して正規表現のグループ化を取得することに加えて、test メソッドと exec メソッドを使用してグループ化を取得することもできますが、メソッドは異なります
var reg2=new RegExp ("(http://www.qidian.com/BookReader/)(\d ),(\d ).aspx","gmi");
var m=reg2.exec("http://www .qidian.com/BookReader /1017141,20361055.aspx");
var s="";
//(i = 0; i を取得します{
s = s m[i] "n";
}
alert(s);

bookId=m[2];
chapterId=m[3];
alert(bookId);
alert(chapterId);

//テスト メソッドを使用してグループを取得します
var reg3=new RegExp("(http://www.qidian.com/BookReader/)(\d ),(\d )。 aspx", "gmi");
reg3.test("http://www.qidian.com/BookReader/1017141,20361055.aspx");
//3 つのグループを取得
alert(RegExp .$1 );
alert(RegExp.$2);
alert(RegExp.$3);

var str="www.baidu.com";
//str.format("good","q")
str.replace(new RegExp("(\.)(bai)du "," g "), function () {
for (var I = 0; I & lt; argument.length; i)
{
Document.write (arguments [i]" & lt; br/& gt ;");
---------------
");
});

2 つの例 (通常のパラメーターと文字パラメーターを置き換えた結果が異なることを証明するため):

alert("123".replace("1",function(){var un;return un;})); // ポップアップ unknown23
alert("123".replace(new RegExp("1") " ),function(){var un;return un;})); //ポップアップ 23

いくつかの例:


replace() は最も単純 唯一の機能は単純な文字の置換です。例:

[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]


みんなが欲しい 実行後の結果がわかりますが、最初の文字が置き換えられただけです。しかし、正規表現を追加すると、結果は異なります。 replace() は正規表現をサポートしており、正規表現の規則に従って文字または文字列を照合し、それらを置換できます。

[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]


しかし、結果は同じです。変更はありません。正規表現に慣れている場合は、これは問題になりません。ちょっとした修正でOKです。

コードをコピー

コードは次のとおりです:






これを実行して効果を確認することもできます。

コードをコピー

コードは次のとおりです:






この時点で、replace() は正規表現の使用能力に直接比例します。正規表現が強力であればあるほど、あなたはその正規表現の虜になります。
もちろん、ここで replace() を推奨する理由は、正規表現と連携できるからではなく、関数と連携して強力な機能を発揮できるからです。
まず簡単な例を見てみましょう。すべての単語の最初の文字を大文字にします。

コードをコピー

コードは次のとおりです: