今天有人問我repalce(),他那個題目頗有意思。我也不會作,因而我就去查,結果發現就是最基礎的知識的延伸。javascript
因此啊最基礎的知識才是很重要的,千萬不能忽略,抓起JS就寫代碼徹底不知到因此然,只知道寫,可是爲何這麼寫呢?不知道。java
1.JS replace()方法正則表達式
replace() 方法用於在字符串中用一些字符替換另外一些字符,或替換一個與正則表達式匹配的子串。函數
stringObject.replace(regexp/substr,replacement)
參數 描述 regexp/substr 必需。規定子字符串或要替換的模式的 RegExp 對象。請注意,若是該值是一個字符串,則將它做爲要檢索的直接量文本模式,而不是首先被轉換爲 RegExp 對象。 replacement 必需。一個字符串值。規定了替換文本或生成替換文本的函數。
2.replace()這個方法中進行簡單的替換是很簡單,可是它的靈魂之處卻在於去用正則表達式去替換東西,很是巧妙實用!spa
var str="Visit Microsoft!" document.write(str.replace(/Microsoft/, "W3School"))
輸出:Visit W3School!code
3.若是 regexp 具備全局標誌 g,那麼 replace() 方法將替換全部匹配的子串。不然,它只替換第一個匹配子串。regexp
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.替換涉及到的一些簡單經常使用的正則表達式blog
a.JavaScript正則表達式的實現ip
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。