DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js中關於String對象的replace使用詳解
js中關於String對象的replace使用詳解
編輯:關於JavaScript     
今天在讀Qwrap的源碼stringH時裡邊有個
復制代碼 代碼如下:
format: function(s, arg0) {
var args = arguments;
return s.replace(/\{(\d+)\}/ig, function(a, b) {
return args[(b | 0) + 1] || '';
});
}

它的使用方式是:
alert(format("{0} love {1}.",'I','You'))//I love you
format的實現方式主要是用到了String對象的replace方法:

replace:返回根據正則表達式進行文字替換後的字符串的復制。

1.平時常用到的replace
復制代碼 代碼如下:
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; // 創建正則表達式模式。
r = ss.replace(re, "A"); // 用 "A" 替換 "The"。
return(r); // 返回替換後的字符串。
}
ReplaceDemo(); //A man hit the ball with the bat. while the fielder caught the ball with the glove.

2.替換模式中的子表達式
復制代碼 代碼如下:
function ReplaceDemo(){
var r, re; // 聲明變量。
var ss = "The rain in Spain falls mainly in the plain.";
re = /(\S+)(\s+)(\S+)/g; // 創建正則表達式模式。
r = ss.replace(re, "$3$2$1"); // 交換每一對單詞。
return(r); // 返回結果字符串。
}
document.write(ReplaceDemo()); //rain The Spain in mainly falls the in plain.

匹配正則的項:The rain,in Spain,falls mainly,in the;執行ss.replace(re, "$3$2$1")操作,完成單詞位置的交換

$1匹配的是第一個(\S+)

$2匹配的是(\s+)

$3匹配的是第二個(\S+)

3.replace第二個參數是function時

復制代碼 代碼如下:
function f2c(s){
var test = /(\d+(\.\d*)?)F\b/g; // 初始化模式。
return(s.replace(test,function($0,$1,$2){return((($1-32)) + "C");}));
}
f2c("Water boils at 212F 3F .2F 2.2F .2");//Water boils at 180C -29C .-30C -29.8C .2

$0匹配 212F,3F,.2F,2.2F
$1匹配 212,3,.2,2.2
$2匹配 最後一個.2
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved