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