javascript replace()第二個(gè)參數(shù)為函數(shù)時(shí)的參數(shù)用法
javascript的replace()第二個(gè)參數(shù)為函數(shù)時(shí)的參數(shù):
replace()函數(shù)具有替換功能，它可以具有兩個(gè)參數(shù)，第一個(gè)參數(shù)可以是要被替換的字符串或者匹配要被替換字符串的正則表達(dá)式，第二個(gè)參數(shù)可以是替換文本或者一個(gè)函數(shù)，下面看一下關(guān)于replace()函數(shù)的幾個(gè)代碼實(shí)例。
代碼實(shí)例:
實(shí)例一:
<script>
var str="I love jb51 and you?";
console.log(str.replace("jb","java"));
</script>
上面的代碼只能夠替換字符串中的第一個(gè)指定子字符串。
實(shí)例二:
<script> var str="I love jb51 and you?"; var reg=/jb/g; console.log(str.replace(reg,"java")); </script>
上面的代碼可以將字符串中的所有指定子字符串替換掉。
實(shí)例三:
<script>
var str="I love jb51 and you?";
console.log(str.replace("jb",function(){
return "java"}
));
</script>
上面的代碼中，第二個(gè)參數(shù)是一個(gè)函數(shù)，可以用此函數(shù)的返回值替換字符串中指定的子字符串。當(dāng)?shù)诙€(gè)參數(shù)為函數(shù)的時(shí)候，其實(shí)這個(gè)函數(shù)可以傳遞參數(shù)的，下面就通過(guò)代碼實(shí)例介紹一下關(guān)于函數(shù)的參數(shù)問(wèn)題。
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>腳本之家</title>
<script type="text/javascript">
var url = "http://www.dbjr.com.cn/o.php?mod=viewthread&tid=14743&extra=page%3D1";
//第一參數(shù)為字符串
console.group("字符串");
var oneResult = url.replace("www.dbjr.com.cn",function(){
console.log("replace輸入?yún)?shù)：%o",arguments);
var val = /www.dbjr.com.cn/.exec(url);
console.log("exec輸出參數(shù)：%o",val);
console.assert(arguments[0] === val[0]);
console.assert(arguments[1] === val["index"]);
console.assert(arguments[2] === val["input"]);
return "jb51";
});
console.log("replace返回字符串："+oneResult);
console.groupEnd("字符串");
//第一參數(shù)為正則表達(dá)式
console.group("正則表達(dá)式");
var regexp_global = /[?&](\w+)=([^&]*)/g;
var count = 0;
var twoResult = url.replace(regexp_global,function(){
console.log("第"+(count++)+"次運(yùn)行");
console.log("replace輸入?yún)?shù)：%o",arguments);
var val = regexp_global.exec(url);
console.log("exec輸出參數(shù)：%o",val);
console.assert(arguments[0] === val[0]);
console.assert(arguments[1] === val[1]);
console.assert(arguments[2] === val[2]);
console.assert(arguments[3] === val["index"]);
console.assert(arguments[4] === val["input"]);
return count;
});
console.log("replace返回字符串："+twoResult);
console.groupEnd("正則表達(dá)式");
</script>
</head>
<body>
</body>
</html>
在上面的代碼中，分別演示了replace()函數(shù)第一參數(shù)是普通字符串和正則表達(dá)式的時(shí)候，第二個(gè)函數(shù)參數(shù)傳遞參數(shù)的情況，下面分別做一下簡(jiǎn)單的說(shuō)明:
第一個(gè)參數(shù)是普通字符串:
當(dāng)?shù)谝粋€(gè)參數(shù)是普通字符串的時(shí)候，那么只會(huì)替換原字符串中的第一個(gè)子字符串，也就是說(shuō)只會(huì)執(zhí)行一次替換操作，為函數(shù)傳遞的參數(shù)和以普通字符串參數(shù)作為正則表達(dá)式執(zhí)行exec()函數(shù)返回的數(shù)組的元素是相同的。
第一個(gè)參數(shù)是正則表達(dá)式:
由于篇幅原因，這里只是截取了一部分運(yùn)行結(jié)果內(nèi)容，replace()函數(shù)的第一個(gè)參數(shù)是正則表達(dá)式，并且執(zhí)行的是全局匹配，那么第二個(gè)函數(shù)參數(shù)會(huì)多次被調(diào)用，每次被調(diào)用傳遞的參數(shù)，也是和regexp_global.exec(url)返回的數(shù)組的元素內(nèi)容是相同的。
相關(guān)文章
javascript學(xué)習(xí)筆記(三) String 字符串類(lèi)型介紹
javascript學(xué)習(xí)筆記之String 字符串類(lèi)型介紹，這里介紹的是js字符串處理常用函數(shù)2012-06-06
jquery應(yīng)該如何來(lái)設(shè)置改變按鈕input的onclick事件
要?jiǎng)討B(tài)改變這個(gè)上一頁(yè)按鈕中onclick的函數(shù).我自己是嘗試了很多種方法，都沒(méi)有做出來(lái)，下面列舉的幾個(gè)都是失敗的例子,需要的朋友可以參考下2012-12-12
這篇文章主要介紹了JavaScript中用于四舍五入的Math.sin()方法講解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
使用Grunt.js管理你項(xiàng)目的應(yīng)用說(shuō)明
以前我們可能使用NodeJS自己寫(xiě)一個(gè)build程序，但是現(xiàn)在Grunt.js能夠提供我們需要的一切2013-04-04
JavaScript不能像PHP一樣在函數(shù)參數(shù)中直接設(shè)置默認(rèn)值，但是JavaScript有一個(gè)arguments可以使用，這就可以為函數(shù)參數(shù)設(shè)置默認(rèn)值了2014-10-10
TypeScript之元組、數(shù)組、多維數(shù)組定義方法以及 as const說(shuō)明
這篇文章主要介紹了TypeScript之元組、數(shù)組、多維數(shù)組定義方法以及 as const使用說(shuō)明,需要的朋友可以參考下2024-07-07
Three.js源碼閱讀筆記(Object3D類(lèi))
Object3D似乎是Three.js框架中最重要的類(lèi)，相當(dāng)一部分其他的類(lèi)都是繼承自O(shè)bject3D類(lèi)，比如場(chǎng)景類(lèi)、幾何形體類(lèi)、相機(jī)類(lèi)、光照類(lèi)等等：他們都是3D空間中的對(duì)象，所以稱(chēng)為Object3D類(lèi),需要了解的朋友可以參考下2012-12-12
javascript窗口寬高,鼠標(biāo)位置,滾動(dòng)高度(詳細(xì)解析)
JavaScript中的關(guān)鍵字"VAR"使用詳解 分享