今天有人問我repalce(),他那個題目很有意思。我也不會做,於是我就去查,結果發現就是最基礎的知識的延伸。
所以啊最基礎的知識才是很重要的,千萬不能忽略,抓起JS就寫代碼完全不知到所以然,只知道寫,但是為什么這么寫呢?不知道。
1.JS replace()方法
replace() 方法用於在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。
stringObject.replace(regexp/substr,replacement)
參數 描述 regexp/substr 必需。規定子字符串或要替換的模式的 RegExp 對象。請注意,如果該值是一個字符串,則將它作為要檢索的直接量文本模式,而不是首先被轉換為 RegExp 對象。 replacement 必需。一個字符串值。規定了替換文本或生成替換文本的函數。
2.replace()這個方法中進行簡單的替換是很簡單,但是它的靈魂之處卻在於去用正則表達式去替換東西,非常巧妙實用!
var str="Visit Microsoft!" document.write(str.replace(/Microsoft/, "W3School"))
輸出:Visit W3School!
3.如果 regexp 具有全局標志 g,那么 replace() 方法將替換所有匹配的子串。否則,它只替換第一個匹配子串。
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")) //Welcome to W3School! We are proud to announce that W3Schoo has one of the largest Web Developers sites in the world.
4.用它來確保匹配字符串大寫字符的正確性
text = "javascript Tutorial"; text.replace(/javascript/i, "JavaScript");
5.替換涉及到的一些簡單常用的正則表達式
a.JavaScript正則表達式的實現
JavaScript對正則表達式的支持是通過ECMAScript中的RegExp類實現的,RegExp對象的構造函數可以帶一個或兩個參數。第一個參數描述需要進行匹配的模式字符串,第二個參數指定了額外的處理指令。
舉例1:表達式 "c",在匹配字符串 "abcde"
匹配結果是:成功
匹配到的內容是:"c";匹配到的位置是:開始於2,結束於3。
舉例2:表達式 "bcd",在匹配字符串 "abcde"
匹配結果是:成功
匹配到的內容是:"bcd";匹配到的位置是:開始於1,結束於4。
b.一些簡單的轉義
/r, /n |
代表回車和換行符 |
/t |
制表符 |
// |
代表 "/" 本身 |
/^ |
匹配 ^ 符號本身 |
/$ |
匹配 $ 符號本身 |
/. |
匹配小數點(.)本身 |
舉例:表達式 "/$d",在匹配字符串 "abc$de" 時,匹配結果是:成功;匹配到的內容是:"$d";匹配到的位置是:開始於3,結束於5。
/d |
任意一個數字,0~9 中的任意一個 |
/w |
任意一個字母或數字或下划線,也就是 A~Z,a~z,0~9,_ 中任意一個 |
/s |
包括空格、制表符、換頁符等空白字符的其中任意一個 |
. |
小數點可以匹配除了換行符(/n)以外的任意一個字符 |
舉例1:表達式 "/d/d",在匹配 "abc123" 時,匹配的結果是:成功;匹配到的內容是:"12";匹配到的位置是:開始於3,結束於5。 舉例2:表達式 "a./d",在匹配 "aaa100" 時,匹配的結果是:成功;匹配到的內容是:"aa1";匹配到的位置是:開始於1,結束於4。
[ab5@] |
匹配 "a" 或 "b" 或 "5" 或 "@" |
[^abc] |
匹配 "a","b","c" 之外的任意一個字符 |
[f-k] |
匹配 "f"~"k" 之間的任意一個字母 |
[^A-F0-3] |
匹配 "A"~"F","0"~"3" 之外的任意一個字符 |
舉例1:表達式 "[bcd][bcd]" 匹配 "abc123" 時,匹配的結果是:成功;匹配到的內容是:"bc";匹配到的位置是:開始於1,結束於3。 舉例2:表達式 "[^abc]" 匹配 "abc123" 時,匹配的結果是:成功;匹配到的內容是:"1";匹配到的位置是:開始於3,結束於4。
{n} |
表達式重復n次,比如:"/w{2}" 相當於 "/w/w";"a{5}" 相當於 "aaaaa" |
{m,n} |
表達式至少重復m次,最多重復n次,比如:"ba{1,3}"可以匹配 "ba"或"baa"或"baaa" |
{m,} |
表達式至少重復m次,比如:"/w/d{2,}"可以匹配 "a12","_456","M12344"... |
? |
匹配表達式0次或者1次,相當於 {0,1},比如:"a[cd]?"可以匹配 "a","ac","ad" |
+ |
表達式至少出現1次,相當於 {1,},比如:"a+b"可以匹配 "ab","aab","aaab"... |
* |
表達式不出現或出現任意次,相當於 {0,},比如:"/^*b"可以匹配 "b","^^^b"... |
舉例1:表達式 "/d+/.?/d*" 在匹配 "It costs $12.5" 時,匹配的結果是:成功;匹配到的內容是:"12.5";匹配到的位置是:開始於10,結束於14。 舉例2:表達式 "go{2,8}gle" 在匹配 "Ads by goooooogle" 時,匹配的結果是:成功;匹配到的內容是:"goooooogle";匹配到的位置是:開始於7,結束於17。
^ |
與字符串開始的地方匹配,不匹配任何字符 |
$ |
與字符串結束的地方匹配,不匹配任何字符 |
/b |
匹配一個單詞邊界,也就是單詞和空格之間的位置,不匹配任何字符 |
舉例1:表達式 "^aaa" 在匹配 "xxx aaa xxx" 時,匹配結果是:失敗。因為 "^" 要求與字符串開始的地方匹配,因此,只有當 "aaa" 位於字符串 的開頭的時候,"^aaa" 才能匹配,比如:"aaa xxx xxx"。 舉例2:表達式 "aaa$" 在匹配 "xxx aaa xxx" 時,匹配結果是:失敗。因為 "$" 要求與字符串結束的地方匹配,因此,只有當 "aaa" 位於字符串 的結尾的時候,"aaa$" 才能匹配,比如:"xxx xxx aaa"。 舉例3:表達式 "./b." 在匹配 "@@@abc" 時,匹配結果是:成功;匹配到的內容是:"@a";匹配到的位置是:開始於2,結束於4。 進一步說明:"/b" 與 "^" 和 "$" 類似,本身不匹配任何字符,但是它要求它在匹配結果中所處位置的左右兩邊,其中一邊是 "/w" 范圍,另 一邊是 非"/w" 的范圍。 舉例4:表達式 "/bend/b" 在匹配 "weekend,endfor,end" 時,匹配結果是:成功;匹配到的內容是:"end";匹配到的位置是:開始於15,結束於 18。