字符串replace方法的使用

jokester 發布于2019-08-26 11:37 / 1231人閱讀

方法名：str.replace(regexp|substr, newSubStr|function) 作用：返回一個由替換值替換一些或所有匹配的模式后的新字符串

參數詳解：

第一個參數可以為正則對象或者字符串字面量
第二個參數可以為一個新字符串也可以為一個函數，該函數返回替換項

1、第二個參數為字符串的情況：

a、常見情況：

var str="abcdefg";
var reg=/cd/g;
str=str.replace(reg,"");
console.log(str);   //abefg

b、使用變量名替換特定部位：(注意要替換特定部位的話，在正則對象中要是用括號包裹)

變量為$$的情況：插入用$符號替換正則對象中括號包裹的字符所匹配到的內容

var str="abcdefg";
var reg=/(c)d/g;
str=str.replace(reg,"$$d");//這里括號包裹的c被$替換了，然后再替換整個匹配到的cde
console.log(str);//ab$defg

變量為$n的情況：插入匹配第n個括號中的字符

var str="abcdefg";
var reg=/(c)d(e)/g;
str=str.replace(reg,"$2d$1");   //這里把匹配的第一個內容合第二個內容替換位置（$1匹配第一個位置，$2匹配第二個位置），然后再替換整個匹配到的cde
console.log(str);   //abedcfg

變量為$&的情況：插入被正則對象匹配到的字符

var str="abcdefg";
var reg=/(c)d(e)/g;
str=str.replace(reg,"$&d$1$2");//這里在匹配到的d前面插入整個匹配到的字符cde，在d后面插入匹配到的第一個和第二個括號中的內容，然后再替換整個匹配到的cde
console.log(str);//abcdedcefg

變量為$`的情況：插入當前匹配的子串左邊的內容

var str="abcdefg";
var reg=/(c)d(e)/g;
str=str.replace(reg,"d$`");//這里是把匹配到的字符串cde左邊內容ab插入到d后面，然后再替換整個匹配到的cde
console.log(str);//abdabfg

變量為$"的情況：插入當前匹配的子串右邊的內容

var str="abcdefg";
var reg=/(c)d(e)/g;
str=str.replace(reg,"d$"");//這里是把匹配到的字符串cde右邊內容fg插入到d后面，然后再替換整個匹配到的cde（注意這里的單引號要用雙引號包裹）
console.log(str);//abdfgfg

1、第二個參數為函數的情況：

替換函數參數詳解

變量名	代表的值
match	匹配的子串。（對應于上述的$&。）
p1,p2, ...	類似于上述$1，$2……
offset	匹配到的子字符串在原字符串中的偏移量。（比如，如果原字符串是“abcd”，匹配到的子字符串是“bc”，那么這個參數將是1）
string	被匹配的原字符串。

var str="xiaoming";
var reg=/(a)o(m)/g;
function replacer(match, p1, p2, offset, string) {
    console.log(match, p1, p2, offset, string);//aom a m 2 xiaoming
  return [p1, p2].join(" - ");
}
var newString = str.replace(reg, replacer);
console.log(newString);  //xia - ming

云服務器 GPU云服務器 replace方法 replace替換字符串 js中的replace方法 js中的字符串方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107265.html

一道小小的題目引發對javascript支持正則表達式相關方法的探討

摘要：返回值返回值根據傳入的參數類型和規則的不同，返回的內容不同，但總體來說，它是返回一個對象，而不是索引，如果沒匹配到任何符合條件的字符串，則返回。本文發布在我的博客一道小小的題目引發對javascript支持正則表達式相關方法的探討許可協議: 署名-非商業性使用-禁止演繹 4.0 國際轉載請保留原文鏈接及作者。以前對于正則是非常懼怕的，因為看不懂和學不會。但最近項目中頻繁的...

Scholer 2019-08-21 17:46 評論0 收藏0
一篇文章帶你玩轉正則表達式

摘要：讀這篇文章之前你需要掌握基本的知識，并且有安靜舒適的環境與寬裕的時間，文章有點長，你可以選擇備好或茶來慢慢學習。文章標題有點夸大了，這是一篇正則表達式的入門文章。如有錯誤，歡迎指正。讀這篇文章之前你需要掌握基本的JavaScript知識，并且有安靜舒適的環境與寬裕的時間，文章有點長，你可以選擇備好coffee或茶來慢慢學習。文章標題有點夸大了，這是一篇正則表達式的入門文章。如有錯誤，...

ermaoL 2019-08-21 14:15 評論0 收藏0
正則表達式

摘要：對象使用單個字符串來描述匹配一系列符合某個句法規則的字符串測試網站創建方式字面量構造函數元字符正則表達式由兩種基本字符類型組成原義文本字符元字符元字符是在正則表達式中有特殊含義的非字母字符字符類一般情況下正則表達式一個字符對應字符串一個字符 RegExp對象 Regular Experssion使用單個字符串來描述、匹配一系列符合某個句法規則的字符串測試網站：https://rege...

Miracle 2019-08-26 13:29 評論0 收藏0
JavaScript 正則表達式筆記

摘要：元字符是在正則表達式中有特殊含義的非字母字符。五前瞻后顧后瞻正則表達式從文本頭部向尾部開始解析，文本尾部方向，稱為前。前瞻就是在正則表達式匹配到規則的時候，向前檢查是否符合斷言，后顧后瞻方向相反。替換與正則表達式匹配的子串。 Regular Expression 使用單個字符串來描述、匹配一系列符合某個句法規則的字符串。按某種規則去匹配符合條件的字符串。不同編程語言的正則表達式略有不同...

jeffrey_up 2019-08-21 17:40 評論0 收藏0
JavaScript必會技能——正則表達式

摘要：語法參數必填項，字符串或正則表達式，該參數指定的地方分割可選該參數指定返回的數組的最大長度，如果設置了該參數，返回的子字符串不會多于這個參數指定的數組。該數組通過在指定的邊界處將字符串分割成子字符串。把正則表達式拆分成小表達式。正則表達式是什么 RegExp 對象表示正則表達式，它是對字符串執行模式匹配的強大工具。為什么使用正則表達式測試字符串內的模式。例如，可以測試輸入字符串...

FrozenMap 2019-08-20 12:33 評論0 收藏0