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