DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript replace()第二個參數為函數時的參數用法
javascript replace()第二個參數為函數時的參數用法
編輯:JavaScript基礎知識     

javascript的replace()第二個參數為函數時的參數:

replace()函數具有替換功能,它可以具有兩個參數,第一個參數可以是要被替換的字符串或者匹配要被替換字符串的正則表達式,第二個參數可以是替換文本或者一個函數,下面看一下關於replace()函數的幾個代碼實例。
代碼實例:
實例一:

<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>

上面的代碼中,第二個參數是一個函數,可以用此函數的返回值替換字符串中指定的子字符串。當第二個參數為函數的時候,其實這個函數可以傳遞參數的,下面就通過代碼實例介紹一下關於函數的參數問題。
代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title></title>
<script type="text/javascript">
var url = "http://www.jb51.net/o.php?mod=viewthread&tid=14743&extra=page%3D1";
//第一參數為字符串
console.group("字符串");
var oneResult = url.replace("www.jb51.net",function(){
 console.log("replace輸入參數:%o",arguments);
 var val = /www.jb51.net/.exec(url);
 
 console.log("exec輸出參數:%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("字符串");
    
//第一參數為正則表達式
console.group("正則表達式");
var regexp_global = /[?&](\w+)=([^&]*)/g;
var count = 0;
var twoResult = url.replace(regexp_global,function(){
 console.log("第"+(count++)+"次運行");
 console.log("replace輸入參數:%o",arguments);
 var val = regexp_global.exec(url);
 console.log("exec輸出參數:%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("正則表達式");
</script>
</head>
<body>
 
</body>
</html>

在上面的代碼中,分別演示了replace()函數第一參數是普通字符串和正則表達式的時候,第二個函數參數傳遞參數的情況,下面分別做一下簡單的說明:
第一個參數是普通字符串:

當第一個參數是普通字符串的時候,那麼只會替換原字符串中的第一個子字符串,也就是說只會執行一次替換操作,為函數傳遞的參數和以普通字符串參數作為正則表達式執行exec()函數返回的數組的元素是相同的。
第一個參數是正則表達式:

由於篇幅原因,這裡只是截取了一部分運行結果內容,replace()函數的第一個參數是正則表達式,並且執行的是全局匹配,那麼第二個函數參數會多次被調用,每次被調用傳遞的參數,也是和regexp_global.exec(url)返回的數組的元素內容是相同的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved