常用正則表達(dá)式

RegExp:就是用一個(gè)"字符串"來(lái)描述一個(gè)特征.然后去驗(yàn)證另一個(gè)"字符串"是否符合這個(gè)特征

涉及概念:特殊字符/非特殊字符,貪婪字符/非貪婪字符.捕獲括號(hào)/非捕獲括號(hào)

用處

1:驗(yàn)證字符串是否符合指定特征,例如驗(yàn)證電話號(hào)碼

2:用來(lái)查找/替換字符串,從一個(gè)長(zhǎng)的文本中查找/替換指定特征的字符串,比查找/替換固定字符串更靈活

創(chuàng)建正則表達(dá)式

1:隱式創(chuàng)建

const regex = /a*c/gi

2:顯示創(chuàng)建，調(diào)用RegExp對(duì)象的構(gòu)造函數(shù)

new RegExp(pattern [, flags]) //pattern 字符串,可以用來(lái)接收外來(lái)匹配
let regex = new RegExp("a*c");
let regex = new RegExp("^[a-zA-Z]+[0-9]*\W?_$","gi")
//使用new RegExp的情況：1:當(dāng)你知道正則表達(dá)式將會(huì)改變 2:用戶輸入正則表達(dá)式

? 的貪婪和非貪婪模式

//貪婪模式
var reg = /\d+/i;
var num = "123444www";
var h = num.replace(reg,"p")
console.log(h)  //h=>pwww
//非貪婪模式
var reg = /\d+?/i;
var num = "123444www";
var h = num.replace(reg,"p")
console.log(h)  //h=>p23444www

(x)捕獲括號(hào)和非捕獲括號(hào)

//捕獲括號(hào)
var number = "deleteChild(236737)".replace(/.*\((\d+)\)$/, '$1');
console.log(number) // number => 236737
var c = "foo bar foo bar"
var k = c.replace(/(foo) (bar) \1 \2/,"www") 
console.log(number) // k => www
//非捕獲括號(hào)
var d = "wwwMMMMwww";
var reg2 = /(?:www)(MMM)/g
var dd = d.replace(reg2,'$1')
console.log(dd) //MMMMwww  (?:www)不是作為第一個(gè)(MMM)才是

正向肯定查找和正向否定查找

正向肯定查找
var b = "bill bicc bikk"
var reg = /bi(?=cc|kk)/g
var kk = b.replace(reg,'gg');
console.log(kk)  //bill ggcc ggkk
正向否定查找
var num = "3.123"
var reg1 = /\d+(?!\.)/g
var d = num.replace(reg1,'M')
console.log(d)  //3.M

RegExp對(duì)象方法

正則表達(dá)式可以被用于RegExp的exec()和test()方法以及String的match,replace,search和spilt方法

1:test()

test()方法檢索字符串中是否存在指定的值,返回true或false.

var patt1 = new RegExp('e');
console.log(patt1.test('some text'));
// OUTPUT:true
// 判斷是不是QQ號(hào)
// 1 首位不能是0  ^[1-9]
// 2 必須是 [5, 11] 位的數(shù)字 \d{4, 9}
var str = '80583600';
var regexp = /^[1-9][0-9]{4,10}$/gim;
if (regexp.test(str)) {
    alert('is');
} else {
    alert('no');
}

2:exec()

檢索字符串中的指定值.找到多個(gè)或一個(gè)返回都的是被找到的值,如果沒(méi)有發(fā)現(xiàn)匹配,則返回null

//如果找到多個(gè) 返回值包含找到第一個(gè)的值
var patt1 = new RegExp('e');
console.log(patt1.exec('some text'));
// OUTPUT:e
var patt2 = new RegExp('ee');
console.log(patt2.exec('some text'));
// OUTPUT:null

compile() 既可以改變檢索模式,也可以添加或刪除第二個(gè)參數(shù)

var patt1=new RegExp("e");
console.log(patt1.test("The best things in life are free")); // true
// 改變了檢索模式
patt1.compile("eee");
console.log(patt1.test("The best things in life are free")); // false

var patt1=new RegExp("E");
console.log(patt1.test("The best things in life are free"));  //false

patt1.compile("E","i")
console.log(patt1.test("The best things in life are free")); //true

支持正則表達(dá)式的 String 對(duì)象的方法

search 檢索與正則表達(dá)式相匹配的值 返回第一個(gè)匹配值的下標(biāo)

var str = "9999www0000wwww";
var index = str.search(/www/g)
console.log(index) //4

match 找到一個(gè)或多個(gè)正則表達(dá)式匹配的值 或值組成的數(shù)組

var str = "9999www0000wwww";
var index = str.match(/www/g)
console.log(index)  //["www","www"]

replace 替換與正則表達(dá)式的子串

var str = "Visit Microsoft!"
console.log(str.replace(/Microsoft/, "W3School"));

split 把字符串分割為字符串?dāng)?shù)組

var str = "How are you doing today?"
console.log("str.split(/\s+/)")
//["How", "are", "you", "doing", "today?"]

參考的http://www.css88.com/archives/7991

注意

var reg2 = /^[abc]{2,5}.*[abc]{2,5}$/
var reg3 = /^[abc]{2,5}$/
var name1 = "ca2412ca"
console.log(reg2.test(name))     //true 
console.log(reg3.test(name1))    //false 因?yàn)閊和$都是用的同一個(gè)[abc] 所以name1里面的東西要全符合才行