一， 正則表達(dá)式的使用
1.1 正則表達(dá)式的創(chuàng)建
方式一：通過調(diào)用RegExp對(duì)象的構(gòu)造函數(shù)創(chuàng)建
var regexp = new RegExp(/123/);
console.log(regexp);
方式二：利用字面量創(chuàng)建 正則表達(dá)式
var rg = /123/;
1.2 測(cè)試正則表達(dá)式
test() 正則對(duì)象方法，用于檢測(cè)字符串是否符合該規(guī)則，該對(duì)象會(huì)返回 true 或 false，其參數(shù)是測(cè)試字符串。
var rg = /123/;
console.log(rg.test(123));
console.log(rg.test('abc'));
二，正則表達(dá)式中的特殊字符
特殊字符非常多，可以參考：
MDN
jQuery 手冊(cè)：正則表達(dá)式部分
http://tool.oschina.net/regex
2.1 邊界符
| 邊界符 | 說明 |
|---|---|
| ^ | 表示匹配行首的文本（以誰開始） |
| $ | 表示匹配行尾的文本（以誰結(jié)束） |
; // 正則表達(dá)式里面不需要加引號(hào) 不管是數(shù)字型還是字符串型
var rg = /abc/
// /abc/ 只要包含有abc這個(gè)字符串返回的都是true
var reg = /^abc/;
// /^abc/ 只要以abc這個(gè)字符串開頭返回的都是true
var reg1 = /^abc$/;
// 精確匹配 要求必須是 abc字符串才符合規(guī)范
2.2 字符類
字符類表示有一系列字符可供選擇，只要匹配其中一個(gè)就可以了。所有可供選擇的字符都放在方括號(hào)內(nèi)。
2.2.1 [] 方括號(hào)
var rg = /[abc]/
// 只要包含有a 或者 包含有b 或者包含有c 都返回為true
var rg1 = /^[abc]$/;
// 三選一 只有是a 或者是 b 或者是c 這三個(gè)字母才返回 true
var reg = /^[a-z]$/
//26個(gè)英文字母任何一個(gè)字母返回 true - 表示的是a 到z 的范圍
var reg2 = /^[^a-zA-Z0-9]$/;
//取反 方括號(hào)內(nèi)部加上 ^ 表示取反，只要包含方括號(hào)內(nèi)的字符，都返回 false
2.2.2 量詞符
量詞符用來設(shè)定某個(gè)模式出現(xiàn)的次數(shù)。
| 量詞 | 說明 |
|---|---|
| * | 重復(fù)0次或更多次 |
| + | 重復(fù)1次或更多次 |
| ？ | 重復(fù)0次或1次 |
| {3} | 重復(fù)3次 |
| {3,} | 重復(fù)大于等于n |
| {3,16} | 重復(fù)大于等于3并且 小于等于16 |
三，預(yù)定義類
預(yù)定義類指的是某些常見模式的簡(jiǎn)寫方式
| 預(yù)定義 | 說明 |
|---|---|
| \d | 匹配0-9之間的任一數(shù)字，相當(dāng)于[0-9] |
| \D | 匹配所有0-9以外的字符，相當(dāng)于 [^0-9] |
| \w | 匹配任意的字母，數(shù)字和下劃線，相當(dāng)于[A-Za-z0-9] |
| \W | 除所有字母，數(shù)字和下劃線以外的字符，相當(dāng)于 [^A-Za-z0-9] |
| \s | 匹配空格（包括換行符，制表符，空格符等），相當(dāng)于[\t\r\n\v\f] |
| \S | 匹配非空格的字符，相當(dāng)[^\t\r\n\v\f] |
案例:驗(yàn)證座機(jī)號(hào)碼
var reg = /^\d{3}-\d{8}|\d{4}-\d{7}$/;
var reg = /^\d{3,4}-\d{7,8}$/;
3.1 括號(hào)總結(jié)
// 中括號(hào) 字符集合.匹配方括號(hào)中的任意字符.
// var reg = /^[abc]$/;
// a 也可以 b 也可以 c 可以 a ||b || c
// 大括號(hào) 量詞符. 里面表示重復(fù)次數(shù)
// var reg = /^abc{3}$/; // 它只是讓c重復(fù)三次
// 小括號(hào) 表示優(yōu)先級(jí)
四，正則替換replace
replace() 方法可以實(shí)現(xiàn)替換字符串操作，用來替換的參數(shù)可以是一個(gè)字符串或是一個(gè)正則表達(dá)式。
var str = 'andy和red';
var newStr = str.replace('andy', 'baby');
console.log(newStr)//baby和red
//等同于 此處的andy可以寫在正則表達(dá)式內(nèi)
var newStr2 = str.replace(/andy/, 'baby');
console.log(newStr2)//baby和red
//全部替換
var str = 'abcabc'
var nStr = str.replace(/a/,'哈哈')
console.log(nStr) //哈哈bcabc
//全部替換g
var nStr = str.replace(/a/a,'哈哈')
console.log(nStr) //哈哈bc哈哈bc
//忽略大小寫i
var str = 'aAbcAba';
var newStr = str.replace(/a/gi,'哈哈')//"哈哈哈哈bc哈哈b哈哈"
案例:過濾敏感詞匯
<textarea name="" id="message"></textarea> <button>提交</button>
<div></div>
<script>
var text = document.querySelector('textarea');
var btn = document.querySelector('button');
var div = document.querySelector('div');
btn.onclick = function() {
// 第一個(gè)是要替換的內(nèi)容；第二個(gè)是替換的內(nèi)容 可以用正則匹配，后面加個(gè)g是全局的意思
div.innerHTML = text.value.replace(/激情|gay/g, '**');
}
</script>
