js replace 與replaceall實例用法詳解
更新時間:2023年06月14日 00:59:01 投稿:shangke
這篇文章介紹了js replace 與replaceall實例用法詳解,有需要的朋友可以參考一下
stringObj.replace(rgExp, replaceText)
參數(shù)
stringObj
必選項。要執(zhí)行該替換的 String 對象或字符串文字。該字符串不會被 replace 方法修改。
rgExp
必選項。為包含正則表達(dá)式模式或可用標(biāo)志的正則表達(dá)式對象。也可以是 String 對象或文字。如果 rgExp 不是正則表達(dá)式對象,它將被轉(zhuǎn)換為字符串,并進(jìn)行精確的查找;不要嘗試將字符串轉(zhuǎn)化為正則表達(dá)式。
replaceText
必選項。是一個String 對象或字符串文字,對于stringObj 中每個匹配 rgExp 中的位置都用該對象所包含的文字加以替換。在 Jscript 5.5 或更新版本中,replaceText 參數(shù)也可以是返回替換文本的函數(shù)。
說明
replace 方法的結(jié)果是一個完成了指定替換的 stringObj 對象的復(fù)制。
下面任意的匹配變量都能用來識別最新的匹配以及找出匹配的字符串。在需要動態(tài)決定替換字符串的文本替換中可以使用匹配變量。
字符 含義
$$ $ (JScript 5.5 或更新版本)
$& 指定與整個模式匹配的 stringObj 的部分。 (JScript 5.5 或更新版本)
$` 指定由 $& 描述的匹配之前的 stringObj 部分。 (JScript 5.5 或更新版本)
$' 指定由 $& 描述的匹配之后的 stringObj 部分。 (JScript 5.5 或更新版本)
$n 捕獲的第 n 個子匹配,此處 n 為從1到9的十進(jìn)制一位數(shù)。 (JScript 5.5 或更新版本)
$nn 捕獲的第 nn 個子匹配,此處 nn 為從01到99的十進(jìn)制兩位數(shù)。 (JScript 5.5 或更新版本)
如果 replaceText 為函數(shù),對于每一個匹配的子字符串,調(diào)用該函數(shù)時帶有下面的 m+3 個參數(shù),此處 m 是在 rgExp 中捕獲的左括弧的個數(shù)。第一個參數(shù)是匹配的子字符串。接下來的 m 個參數(shù)是查找中捕獲的全部結(jié)果。第 m+2 個參數(shù)是在 stringObj 中匹配出現(xiàn)的偏移量,而第 m+3 個參數(shù)為 stringObj。結(jié)果為將每一匹配的子字符串替換為函數(shù)調(diào)用的相應(yīng)返回值的字符串值。
Replace 方法更新全局 RegExp 對象的屬性。
示例
下面的示例演示了 replace 方法將第一次出現(xiàn)的單詞 "The" 替換為單詞 "A" 的用法。
function ReplaceDemo(){
var r, re; // 聲明變量。
var ss = "The man hit the ball with the bat.n";
ss += "while the fielder caught the ball with the glove.";
re = /The/g; // 創(chuàng)建正則表達(dá)式模式。
r = ss.replace(re, "A"); // 用 "A" 替換 "The"。
return(r); // 返回替換后的字符串。
}
另外, replace 方法也可以替換模式中的子表達(dá)式。 下面的范例演示了交換字符串中的每一對單詞:
function ReplaceDemo(){
var r, re; // 聲明變量。
var ss = "The rain in Spain falls mainly in the plain.";
re = /(S+)(s+)(S+)/g; // 創(chuàng)建正則表達(dá)式模式。
r = ss.replace(re, "$3$2$1"); // 交換每一對單詞。
return(r); // 返回結(jié)果字符串。
}
下面的示例(在 JScript 5.5 及更新版本中執(zhí)行)執(zhí)行的是從華氏到攝氏的轉(zhuǎn)換,它演示了使用函數(shù)作為 replaceText。要想知道該函數(shù)是如何工作的,傳遞一個包含數(shù)值的字符串,數(shù)值后要緊跟 "F" (例如 "Water boils at 212")。
function f2c(s) {
var test = /(d+(.d*)?)Fb/g; // 初始化模式。
return(s.replace
(test,
function($0,$1,$2) {
return((($1-32) * 5/9) + "C");
}
)
);
}
document.write(f2c("Water freezes at 32F and boils at 212F."));
js居然不提供replaceAll方法,用for循環(huán)又有效率問題,給你一個正則表達(dá)式的解決方案
js 代碼
String.prototype.replaceAll = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
}
方法: string.replace(new RegExp(oldString,"gm"),newString))
gm g=global, m=multiLine , 大致上方法就是這樣的,可以實現(xiàn)替換全部指定字串
另一個簡單的驗證JS的方法:
在瀏覽器地址欄輸入
javascript:alert("abcabcabc".replace(new RegExp("a","gm"),"ad"))
這樣比較省事 ;) ,不知道多行的會不會很方便
orgStr.replace(new RegExp(findStr, 'g'), replaceStr)
應(yīng)該就可以替換所有的了
如果不用正則表達(dá)式
orgStr.replace(findStr, replaceStr)只能替換第一個
參數(shù)
stringObj
必選項。要執(zhí)行該替換的 String 對象或字符串文字。該字符串不會被 replace 方法修改。
rgExp
必選項。為包含正則表達(dá)式模式或可用標(biāo)志的正則表達(dá)式對象。也可以是 String 對象或文字。如果 rgExp 不是正則表達(dá)式對象,它將被轉(zhuǎn)換為字符串,并進(jìn)行精確的查找;不要嘗試將字符串轉(zhuǎn)化為正則表達(dá)式。
replaceText
必選項。是一個String 對象或字符串文字,對于stringObj 中每個匹配 rgExp 中的位置都用該對象所包含的文字加以替換。在 Jscript 5.5 或更新版本中,replaceText 參數(shù)也可以是返回替換文本的函數(shù)。
說明
replace 方法的結(jié)果是一個完成了指定替換的 stringObj 對象的復(fù)制。
下面任意的匹配變量都能用來識別最新的匹配以及找出匹配的字符串。在需要動態(tài)決定替換字符串的文本替換中可以使用匹配變量。
字符 含義
$$ $ (JScript 5.5 或更新版本)
$& 指定與整個模式匹配的 stringObj 的部分。 (JScript 5.5 或更新版本)
$` 指定由 $& 描述的匹配之前的 stringObj 部分。 (JScript 5.5 或更新版本)
$' 指定由 $& 描述的匹配之后的 stringObj 部分。 (JScript 5.5 或更新版本)
$n 捕獲的第 n 個子匹配,此處 n 為從1到9的十進(jìn)制一位數(shù)。 (JScript 5.5 或更新版本)
$nn 捕獲的第 nn 個子匹配,此處 nn 為從01到99的十進(jìn)制兩位數(shù)。 (JScript 5.5 或更新版本)
如果 replaceText 為函數(shù),對于每一個匹配的子字符串,調(diào)用該函數(shù)時帶有下面的 m+3 個參數(shù),此處 m 是在 rgExp 中捕獲的左括弧的個數(shù)。第一個參數(shù)是匹配的子字符串。接下來的 m 個參數(shù)是查找中捕獲的全部結(jié)果。第 m+2 個參數(shù)是在 stringObj 中匹配出現(xiàn)的偏移量,而第 m+3 個參數(shù)為 stringObj。結(jié)果為將每一匹配的子字符串替換為函數(shù)調(diào)用的相應(yīng)返回值的字符串值。
Replace 方法更新全局 RegExp 對象的屬性。
示例
下面的示例演示了 replace 方法將第一次出現(xiàn)的單詞 "The" 替換為單詞 "A" 的用法。
復(fù)制代碼 代碼如下:
function ReplaceDemo(){
var r, re; // 聲明變量。
var ss = "The man hit the ball with the bat.n";
ss += "while the fielder caught the ball with the glove.";
re = /The/g; // 創(chuàng)建正則表達(dá)式模式。
r = ss.replace(re, "A"); // 用 "A" 替換 "The"。
return(r); // 返回替換后的字符串。
}
另外, replace 方法也可以替換模式中的子表達(dá)式。 下面的范例演示了交換字符串中的每一對單詞:
function ReplaceDemo(){
var r, re; // 聲明變量。
var ss = "The rain in Spain falls mainly in the plain.";
re = /(S+)(s+)(S+)/g; // 創(chuàng)建正則表達(dá)式模式。
r = ss.replace(re, "$3$2$1"); // 交換每一對單詞。
return(r); // 返回結(jié)果字符串。
}
下面的示例(在 JScript 5.5 及更新版本中執(zhí)行)執(zhí)行的是從華氏到攝氏的轉(zhuǎn)換,它演示了使用函數(shù)作為 replaceText。要想知道該函數(shù)是如何工作的,傳遞一個包含數(shù)值的字符串,數(shù)值后要緊跟 "F" (例如 "Water boils at 212")。
復(fù)制代碼 代碼如下:
function f2c(s) {
var test = /(d+(.d*)?)Fb/g; // 初始化模式。
return(s.replace
(test,
function($0,$1,$2) {
return((($1-32) * 5/9) + "C");
}
)
);
}
document.write(f2c("Water freezes at 32F and boils at 212F."));
js居然不提供replaceAll方法,用for循環(huán)又有效率問題,給你一個正則表達(dá)式的解決方案
js 代碼
復(fù)制代碼 代碼如下:
String.prototype.replaceAll = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
}
方法: string.replace(new RegExp(oldString,"gm"),newString))
gm g=global, m=multiLine , 大致上方法就是這樣的,可以實現(xiàn)替換全部指定字串
另一個簡單的驗證JS的方法:
在瀏覽器地址欄輸入
javascript:alert("abcabcabc".replace(new RegExp("a","gm"),"ad"))
這樣比較省事 ;) ,不知道多行的會不會很方便
orgStr.replace(new RegExp(findStr, 'g'), replaceStr)
應(yīng)該就可以替換所有的了
如果不用正則表達(dá)式
orgStr.replace(findStr, replaceStr)只能替換第一個
您可能感興趣的文章:
- javascript中使用replaceAll()函數(shù)實現(xiàn)字符替換的方法
- Javascript中正則表達(dá)式的全局匹配模式分析
- Javascript中使用exec進(jìn)行正則表達(dá)式全局匹配時的注意事項
- JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享
- javascript實現(xiàn)全局匹配并替換的方法
- java中replaceAll替換圓括號實例代碼
- Java中replace與replaceAll的區(qū)別與測試
- java字符串的替換replace、replaceAll、replaceFirst的區(qū)別說明
- Java replaceAll()方法報錯Illegal group reference的解決辦法
- String.replaceAll方法詳析(正則妙用)
- 淺談Java中replace與replaceAll區(qū)別
- Java中replace、replaceAll和replaceFirst函數(shù)的用法小結(jié)
- 淺談java中replace()和replaceAll()的區(qū)別
- jQuery中replaceAll()方法用法實例
- js使用正則實現(xiàn)ReplaceAll全部替換的方法
- js字符串替換所有的指定字符或文字(推薦replaceAll方法)
- JS中實現(xiàn)replaceAll的方法(實例代碼)
- Flex 字符串ReplaceAll使用說明
- JavaScript中使用replace結(jié)合正則實現(xiàn)replaceAll的效果
相關(guān)文章
JS在onclientclick里如何控制onclick的執(zhí)行
這篇文章主要介紹了JS在onclientclick里如何控制onclick的執(zhí)行的相關(guān)資料,需要的朋友可以參考下2016-05-05微信公眾號網(wǎng)頁授權(quán)登錄的超簡單實現(xiàn)步驟
微信開放平臺為第三方移動程序提供分享、傳播的接口,使用戶可將第三方程序的內(nèi)容發(fā)布給好友或分享至朋友圈,下面這篇文章主要給大家介紹了關(guān)于微信公眾號網(wǎng)頁授權(quán)登錄的超簡單實現(xiàn)方法,需要的朋友可以參考下2022-06-06JS中的算法與數(shù)據(jù)結(jié)構(gòu)之列表(List)實例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之列表(List),結(jié)合實例形式分析了javascript列表的概念、原理以及定義、添加、刪除、查找等相關(guān)操作技巧,需要的朋友可以參考下2019-08-08PHP使用方法重載實現(xiàn)動態(tài)創(chuàng)建屬性的get和set方法
這篇文章主要介紹了PHP使用方法重載實現(xiàn)動態(tài)創(chuàng)建屬性的get和set方法,使用本文方法可以在一個類中不用在寫大量的set方法或get方法,需要的朋友可以參考下2014-11-11JavaScript實現(xiàn)數(shù)字?jǐn)?shù)組正序排列的方法
這篇文章主要介紹了JavaScript實現(xiàn)數(shù)字?jǐn)?shù)組正序排列的方法,涉及javascript中sort方法的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04