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() を推奨する理由は、正規表現と連携できるからではなく、関数と連携して強力な機能を発揮できるからです。
まず簡単な例を見てみましょう。すべての単語の最初の文字を大文字にします。

コードをコピー

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

から見ることができます上記は、正規表現「g」フラグが存在する場合、文字列全体が処理されること、つまり、変更関数の変換が一致するすべてのオブジェクトに適用されることを意味します。この関数には 3 つ以上のパラメータがあり、具体的な数は正規表現によって異なります。
関数と正規表現の連携により、文字列を処理する replace() の機能がかつてないほど強力になりました。
最後に、replace() を使用して文字列内のすべての単語を反転する例を紹介します。

コードをコピー

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