詳解JavaScript 中的 replace 方法，javascriptreplace

詳解JavaScript 中的 replace 方法，javascriptreplace

定義和用法

replace() 方法用於在字串中用一些字元替換另一些字元，或替換一個與Regex匹配的子串。

stringObject.replace(regexp/substr,replacement)

參數	描述
regexp/substr	必需。規定子字串或要替換的模式的 RegExp 對象。 請注意，如果該值是一個字串，則將它作為要檢索的直接量文字模式，而不是首先被轉換為 RegExp 對象。
replacement	必需。一個字串值。規定了替換文本或產生替換文本的函數。

傳回值

一個新的字串，是用 replacement 替換了 regexp 的第一次匹配或所有匹配之後得到的。

正則字元

replaceValue可以是字串。如果字串中有幾個特定字元的話，會被轉換為特定字串。

字元	替換文本
$$	直接量符號(就是當做'$$'字元用)
$&	與正則相匹配的字串
$`	匹配字串左邊的字元
$'	匹配字串右邊的字元
$1,$2,$,3,…,$n	匹配結果中對應的分組匹配結果

下面通過執行個體給大家介紹：

例子 1

在本例中，我們將使用 "W3School" 替換字串中的 "Microsoft"：

<script type="text/javascript">var str="Visit Microsoft!"document.write(str.replace(/Microsoft/, "W3School"))</script>

輸出：

Visit W3School!

例子 2

在本例中，我們將執行一次全域替換，每當 "Microsoft" 被找到，它就被替換為 "W3School"：

<script type="text/javascript">var str="Welcome to Microsoft! "str=str + "We are proud to announce that Microsoft has "str=str + "one of the largest Web Developers sites in the world."document.write(str.replace(/Microsoft/g, "W3School"))</script>

輸出：

Welcome to W3School! We are proud to announce that W3School
has one of the largest Web Developers sites in the world.

例子 3

您可以使用本例提供的代碼來確保匹配字串大寫字元的正確：

text = "javascript Tutorial";text.replace(/javascript/i, "JavaScript");

例子 4

在本例中，我們將把 "Doe, John" 轉換為 "John Doe" 的形式：

name = "Doe, John";name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

例子 5

在本例中，我們將把所有的花引號替換為直引號：

name = '"a", "b"';name.replace(/"([^"]*)"/g, "'$1'");

例子 6

在本例中，我們將把字串中所有單詞的首字母都轉換為大寫：

name = 'aaa bbb ccc';uw=name.replace(/\b\w+\b/g, function(word){ return word.substring(0,1).toUpperCase()+word.substring(1);} );

正則替換字串

'I am loser,You are loser'.replace(/loser/g,'hero')//I am hero,You are hero

使用Regex，並將正則的global屬性改為true則可以讓所有loser都變為hero

使用$&字元給匹配字元加大括弧

var sStr='討論一下Regex中的replace的用法';sStr.replace(/Regex/,'{$&}');//討論一下{Regex}中的replace的用法使用$`和$'字元替換內容'abc'.replace(/b/,"$`");//aac'abc'.replace(/b/,"$'");//acc使用分組匹配組合新的字串'nimojs@126.com'.replace(/(.+)(@)(.*)/,"$2$1")//@nimojs

replaceValue參數可以是一個函數

StringObject.replace(searchValue,replaceValue)中的replaceValue可以是一個函數.

如果replaceValue是一個函數的話那麼，這個函數的arguments會有n+3個參數（n為正則匹配到的次數）

先看例子協助理解：

function logArguments(){    console.log(arguments);//["nimojs@126.com", "nimojs", "@", "126.com", 0, "nimojs@126.com"]   return '傳回值會替換掉匹配到的目標'}console.log(  'nimojs@126.com'.replace(/(.+)(@)(.*)/,logArguments))

參數分別為

匹配到的字串（此例為nimojs@126.com,推薦修改上面代碼的正則來查看匹配到的字元協助理解)
如果正則使用了分組匹配就為多個否則無此參數。（此例的參數就分別為”nimojs”, “@”, “126.com”。推薦修改正則為/nimo/查看控制台中返回的arguments值）
匹配字串的對應索引位置（此例為0）
原始字串(此例為nimojs@126.com)
使用自訂函數將A-G字串改為小寫

'JAVASCRIPT'.replace(/[A-G]/g,function(){  return arguments[0].toLowerCase();})//JaVaScRIPT

使用自訂函數做回調式替換將行內樣式中的單引號刪除

<span style="font-family:\'微軟雅黑\';">demo</span>'.replace(/\'[^']+\'/g,function(){     var sResult=arguments[0];  console.log(sResult);//'微軟雅黑'  sResult=sResult.replace(/\'/g,'');  console.log(sResult);//微軟雅黑  return sResult;})//<span style="font-family:微軟雅黑;">demo</span>

以上內容是小編給大家介紹的avaScript 中的 replace 方法，希望大家喜歡。

您可能感興趣的文章:

• javascript replace()用法詳解附執行個體代碼
• js 頁面重新整理location.reload和location.replace的區別小結
• js replace() 文本替換你所不知的
• javascript中使用replaceAll()函數實現字元替換的方法
• js正則函數match、exec、test、search、replace、split使用介紹集合
• js中字元替換函數String.replace()提示
• Js 斷行符號換行處理的辦法及replace方法應用
• JS、replace利用Regex替換SQL所有參數為指定格式的資料
• js replace 與replaceall執行個體用法詳解
• JS利用正則配合replace替換指定字元
• JS的replace方法
• JS Replace 全部替換字元的用法小結
• JS使用replace()方法和Regex進行字串的搜尋與替換執行個體
• js使用正則實現ReplaceAll全部替換的方法
• js使用正則實現ReplaceAll全部替換的方法