Javascript String.replace的妙用
更新時(shí)間：2009年09月08日 20:40:57 作者：
字符替換是一個(gè)非常重要的功能，javascript 中有一個(gè) String.replace( )，但是此方法有很多不為新手所知的妙用，如果用的好了，可以為您節(jié)省很多寶貴時(shí)間，還等什么？馬上進(jìn)來(lái)看看吧！
String.replace( ) 簡(jiǎn)介
語(yǔ)法：
string.replace(regexp, replacement)
regexp ：您要執(zhí)行替換操作的正則表達(dá)式，如果傳入的是一個(gè)字符串，那就會(huì)當(dāng)作普通字符來(lái)處理，并且只會(huì)執(zhí)行一次替換操作；如果是正則表達(dá)式，并且?guī)в?global (g) 修飾符，則會(huì)替換所有出現(xiàn)的目標(biāo)字符，否則，將只執(zhí)行一次替換操作。
replacement ：您要替換成的字符。
返回值是執(zhí)行替換操作后的字符串。
String.replace( ) 的簡(jiǎn)單用法
var text = "javascript 非常強(qiáng)大 ！";
text.replace(/javascript/i, "JavaScript");
// 返回：JavaScript 非常強(qiáng)大 ！
String.replace( ) 替換所有出現(xiàn)的目標(biāo)字符
var text= "javascript 非常強(qiáng)大 ！JAVASCRIPT 是我最喜歡的一門語(yǔ)言 ！";
text.replace(/javascript/ig, "JavaScript");
// 返回：JavaScript 非常強(qiáng)大 ！JavaScript 是我最喜歡的一門語(yǔ)言 ！
String.replace( ) 實(shí)現(xiàn)調(diào)換位置
var name= "Doe, John";
name.replace(/(\w+)\s*,\s*(\w+)/, "$2 $1");
// 返回：John Doe
String.replace( ) 實(shí)現(xiàn)將所有雙引號(hào)包含的字符替換成中括號(hào)包含的字符
var text = '"JavaScript" 非常強(qiáng)大！';
text.replace(/"([^"]*)"/g, "[$1]");
// 返回：[JavaScript] 非常強(qiáng)大！
String.replace( ) 將所有字符首字母大寫
var text = 'a journey of a thousand miles begins with single step.';
text.replace(/\b\w+\b/g, function(word) {
return word.substring(0,1).toUpperCase( ) +
word.substring(1);
});
// 返回：A Journey Of A Thousand Miles Begins With Single Step.
語(yǔ)法：
復(fù)制代碼 代碼如下:
string.replace(regexp, replacement)
regexp ：您要執(zhí)行替換操作的正則表達(dá)式，如果傳入的是一個(gè)字符串，那就會(huì)當(dāng)作普通字符來(lái)處理，并且只會(huì)執(zhí)行一次替換操作；如果是正則表達(dá)式，并且?guī)в?global (g) 修飾符，則會(huì)替換所有出現(xiàn)的目標(biāo)字符，否則，將只執(zhí)行一次替換操作。
replacement ：您要替換成的字符。
返回值是執(zhí)行替換操作后的字符串。
String.replace( ) 的簡(jiǎn)單用法
復(fù)制代碼 代碼如下:
var text = "javascript 非常強(qiáng)大 ！";
text.replace(/javascript/i, "JavaScript");
// 返回：JavaScript 非常強(qiáng)大 ！
String.replace( ) 替換所有出現(xiàn)的目標(biāo)字符
復(fù)制代碼 代碼如下:
var text= "javascript 非常強(qiáng)大 ！JAVASCRIPT 是我最喜歡的一門語(yǔ)言 ！";
text.replace(/javascript/ig, "JavaScript");
// 返回：JavaScript 非常強(qiáng)大 ！JavaScript 是我最喜歡的一門語(yǔ)言 ！
String.replace( ) 實(shí)現(xiàn)調(diào)換位置
復(fù)制代碼 代碼如下:
var name= "Doe, John";
name.replace(/(\w+)\s*,\s*(\w+)/, "$2 $1");
// 返回：John Doe
String.replace( ) 實(shí)現(xiàn)將所有雙引號(hào)包含的字符替換成中括號(hào)包含的字符
復(fù)制代碼 代碼如下:
var text = '"JavaScript" 非常強(qiáng)大！';
text.replace(/"([^"]*)"/g, "[$1]");
// 返回：[JavaScript] 非常強(qiáng)大！
String.replace( ) 將所有字符首字母大寫
復(fù)制代碼 代碼如下:
var text = 'a journey of a thousand miles begins with single step.';
text.replace(/\b\w+\b/g, function(word) {
return word.substring(0,1).toUpperCase( ) +
word.substring(1);
});
// 返回：A Journey Of A Thousand Miles Begins With Single Step.
相關(guān)文章
對(duì)于新手來(lái)說(shuō)，掌握下面的方法，基本上就可以自己些js了，入門必備2008-09-09
caller和callee的區(qū)別介紹及演示結(jié)果
caller返回一個(gè)函數(shù)的引用，這個(gè)函數(shù)調(diào)用了當(dāng)前的函數(shù);callee放回正在執(zhí)行的函數(shù)本身的引用，它是arguments的一個(gè)屬性，感興趣的你可以參考下或許可以幫助到你2013-03-03
從未有過(guò)的JavaScript運(yùn)算符詳細(xì)解釋
這篇文章主要為大家介紹了，JavaScript運(yùn)算符詳解，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01
這篇文章主要介紹了深入理解JavaScript中的箭頭函數(shù),文中主要針對(duì)ES6版本的JS進(jìn)行相關(guān)的講解,需要的朋友可以參考下2015-07-07
深入了解JavaScript中的this關(guān)鍵字指向
這篇文章主要介紹了深入了解JavaScript中的this關(guān)鍵字指向,在大多情況下，this出現(xiàn)在函數(shù)中,this指向什么，跟函數(shù)定義的位置無(wú)關(guān)，跟函數(shù)調(diào)用方式有關(guān),需要的朋友可以參考下2023-07-07
javascript第一課...2007-02-02
JavaScript中的字符串也像Python那樣支持反斜杠的轉(zhuǎn)移,并且字符集方面默認(rèn)為Unicode,下面就來(lái)詳細(xì)解析JavaScript中的字符串類型與字符編碼支持2016-06-06
JavaScript中prototype為對(duì)象添加屬性的誤區(qū)介紹
prototype為對(duì)象添加屬性的的過(guò)程中有些誤區(qū)，在本文將為大家詳細(xì)介紹下，感興趣的朋友可不要錯(cuò)過(guò)2013-10-10
使用HTML+CSS+JS制作簡(jiǎn)單的網(wǎng)頁(yè)菜單界面
這篇文章主要介紹了使用HTML+CSS+JS制作簡(jiǎn)單的網(wǎng)頁(yè)菜單界面,這個(gè)ABROAD項(xiàng)目所使用的JavaScript部分代碼非常簡(jiǎn)單,需要的朋友可以參考下2015-07-07
javascript函數(shù)作用域?qū)W習(xí)示例(js作用域)
javascript中沒有塊級(jí)作用域,取而代之的javascript使用的是函數(shù)作用域,下面使用示例學(xué)習(xí)一下js作用域的使用方法2014-01-01