重點兩部分知識點
1、javascript replace()函數用法
以下replace用法轉載自w3cSchool:http://www.w3school.com.cn/jsref/jsref_replace.asp
定義和用法
replace() 方法用於在字串中用一些字元替換另一些字元,或替換一個與Regex匹配的子串。 文法
stringObject.replace(regexp/substr,replacement)
參數 |
描述 |
regexp/substr |
必需。規定子字串或要替換的模式的 RegExp 對象。 請注意,如果該值是一個字串,則將它作為要檢索的直接量文字模式,而不是首先被轉換為 RegExp 對象。 |
replacement |
必需。一個字串值。規定了替換文本或產生替換文本的函數。 |
傳回值
一個新的字串,是用 replacement 替換了 regexp 的第一次匹配或所有匹配之後得到的。 說明
字串 stringObject 的 replace() 方法執行的是尋找並替換的操作。它將在 stringObject 中尋找與 regexp 相匹配的子字串,然後用 replacement 來替換這些子串。如果 regexp 具有全域標誌 g,那麼 replace() 方法將替換所有匹配的子串。否則,它只替換第一個匹配子串。
replacement 可以是字串,也可以是函數。如果它是字串,那麼每個匹配都將由字串替換。但是 replacement 中的 $ 字元具有特定的含義。如下表所示,它說明從模式比對得到的字串將用於替換。
字元 |
替換文本 |
$1、$2、...、$99 |
與 regexp 中的第 1 到第 99 個子運算式相匹配的文本。 |
$& |
與 regexp 相匹配的子串。 |
$` |
位於匹配子串左側的文本。 |
$' |
位於匹配子串右側的文本。 |
$$ |
直接量符號。 |
注意:ECMAScript v3 規定,replace() 方法的參數 replacement也可以是函數。在這種情況下,每個匹配都調用該函數,它返回的字串將作為替換文本使用。該函數的第一個參數是匹配模式的字串。接下來的參數是與模式中的子運算式匹配的字串,可以有 0 個或多個這樣的參數。接下來的參數是一個整數,聲明了匹配在 stringObject 中出現的位置。最後一個參數是 stringObject 本身。 執行個體 例子 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 W3Schoolhas one of the largest Web Developers sites in the world.
例子 3
您可以使用本例提供的代碼來確保匹配字串大寫字元的正確:
text = "javascript Tutorial";text.replace(/javascript/i, "JavaScript");輸出:
JavaScript Tutorial
例子 4
在本例中,我們將把 "Doe, John" 轉換為 "John Doe" 的形式:
name = "Doe, John";name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1"); 兩個字運算式:
(\w+)\s* , \s*(\w+)
例子 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);} );
^:匹配輸入字串的開始位置, 除非在方括號運算式中使用,此時它表示不接受該字元集合。 \b:匹配一個單詞邊界,也就是指單詞和空格間的位置。
2、Regex中字元子集使用說明
自己定義Regex時應對字元子集有正確的理解
字元子集
Regex字串子集 |
匹配的字串 |
組合方式 |
[abc] |
字元a,b或c,包括 CJK ExtB 區漢字 |
簡單子集 |
[^abc] |
任意非a,b或c的字元。 |
排除 |
[a-zA-Z] |
從a到z,或者A到Z,包含a,z,A,Z。 |
區間(子集) |
[a-d[m-p]] |
從a到d,或者m到p,等於[a-dm-p]。 |
聯合 |
[a-z&&[def]] |
d,e或者f。 |
交集 |
[a-z&&[^bc]] |
從a到z,除了b和c,等於[ad-z] |
扣除 |
[a-z&&[^m-p]] |
從a到z,並且不包括從m到p,等於[a-lq-z] |
扣除 |