javascript這門語言一直就像一位帶著面紗的美女,總是看不清,摸不透,一直專注服務器端,也從來沒有特別重視過,直到最近幾年,javascript越來越重要,越來越通用。最近和前端走的比較近,借此機會,好好鞏固一下相關知識點。
1.初識replace
在js中有兩個replace函數(shù) 一個是location.replace(url) 跳轉到一個新的url
一個string.replace("xx","yy") 替換字符串 返回一個新的字符串,該方法并不改變字符串本身
location.replace(url) 無痕跳轉(將當前鏈接導航到一個新的url 并不保存歷史記錄)
與之相對的是location.href="url" rel="external nofollow" 有痕跳轉(將當前鏈接導航到一個新的url 且保存歷史記錄) 這個沒有比較清晰
string.replace函數(shù) 很多初學者,會認為這個跟C#中的Replace一樣,但并不相同,js中replace更靈活。
最基本的用法 就是簡單替換字符串。來看一個例子:
var str = "abcd-abcd-abcd";var result = str.replace("a", "");console.log(result);//輸出 bcd-abcd-abcd//當?shù)谝粋€參數(shù)是一個簡單字符串時,僅替換第一個匹配項2.走進replace之正則表達式
參數(shù)一:正則表達式對象或字面量(支持gi模式) g全局匹配 i忽略大小寫
參數(shù)二:要替換的字符串或一個function
可以使用正則表達式的相關引用
如果是function,則替換為function的返回值
此function的參數(shù):
match 匹配的子串。(對應于上述的$&。)
p1,p2, ... 假如replace()方法的第一個參數(shù)是一個RegExp 對象,則代表第n個括號匹配的字符串。(對應于上述的$1,$2等。)
offset 匹配到的子字符串在原字符串中的偏移量。(比如,如果原字符串是“abcd”,匹配到的子字符串是“bc”,那么這個參數(shù)將是1)
string 被匹配的原字符串。
正則表達的引用
$$ 插入一個 "$"。
$& 插入匹配的子串。
$` 插入當前匹配的子串左邊的內(nèi)容。
$' 插入當前匹配的子串右邊的內(nèi)容。
$n 假如第一個參數(shù)是 RegExp對象,并且 n 是個小于100的非負整數(shù),那么插入第 n 個括號匹配的字符串。
3.來一輪帶注釋的demo,徹底搞懂javascript中的replace函數(shù):
全局匹配:
var str = "abcd-abcd-abcd";var result = str.replace(/a/g, "e");console.log(result);//輸出 ebcd-ebcd-ebcd//g全局匹配 所有a字符串都將被替換
忽略大小寫匹配:
var str = "abcd-abcd-abcd";var result = str.replace(/A/i, "e");console.log(result);// 輸出 ebcd-abcd-abcd// 忽略大小寫的匹配 但沒有進行全局匹配 所以只替換第一個a
忽略大小寫且全局匹配:
var str = "abcd-abcd-abcd";var result = str.replace(/A/gi, "e");console.log(result);// 輸出 ebcd-ebcd-ebcd// 忽略大小寫并全局匹配 所有a都被替換
新聞熱點
疑難解答
圖片精選