一次記住JavaScript的6個(gè)正則表達(dá)式方法

更新時(shí)間：2018年02月22日 11:06:06 投稿：mrr

這篇文章主要介紹了一次記住JavaScript的6個(gè)正則表達(dá)式方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

首先6這個(gè)具象的數(shù)字可以幫助我們整體記憶了。

范圍

js中有兩個(gè)類可以讓正則發(fā)揮作用

創(chuàng)建

var re = /ab+c/

方式一：正則表達(dá)字面量，這種直接是常量的表示用法可以讓js解析器提高性能

var re = new RegExp('ab+c')

方式二：構(gòu)造函數(shù)，這種方式可以在runtime的時(shí)候動(dòng)態(tài)確定正則是什么，更加靈活

常用特殊字符

來記憶一些常用特殊字符，這個(gè)是正則本身的范疇了，是不是總覺得記不??？其實(shí)我也記不住，每次都是去搜索和online驗(yàn)證來完成一些任務(wù)。我也困惱過，其實(shí)最后還是因?yàn)樽约簩懙纳侔?，唯手熟爾。。。下面的總結(jié)不寫具體內(nèi)容，只列出具體特殊字符和分類，可以嘗試一下說出他們的意義，我覺得比看表格更有利于記憶。。。

匹配量的：* + ? {n} {n,} {n,m} .
匹配位置的：^ $
匹配并且需要支持分組的時(shí)候需要括號(hào)來包裹：(匹配的模式)
匹配條件的：|
匹配集合的：[]
匹配非集合的：[^]

還有大量的由\和字母組成的特殊含義的匹配模式，這些用到的時(shí)候查詢就可以了，沒有必要記住，其實(shí)我是記不住。。。

例子

例子是最好的老師。。。。例子來源于MDN

我想得到匹配后的數(shù)組

var myRe = /d(b+)d/g; 
myRe.exec('cdbbdbsdbdbz') // ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"] 
myRe.exec('cdbbdbsdbdbz') // ["dbd", "b", index: 7, input: "cdbbdbsdbdbz"] 
myRe.exec('cdbbdbsdbdbz') // null

注意對(duì)于每個(gè)正則對(duì)象的exec每次調(diào)用都只返回一個(gè)匹配，如果需要拿到全部匹配就需要while循環(huán)獲取，循環(huán)結(jié)束標(biāo)志是返回值為null

'cdbbdbsdbdbz'.match(/d(b+)d/g) // ["dbbd", "dbd"] 
'cdbbdbsdbdbz'.match(/d(b+)d/) // ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"]

string的match挺奇怪的，如果是global匹配則出所有匹配的數(shù)組，如果不是，則出第一個(gè)匹配的字符串，以及相應(yīng)的捕獲內(nèi)容

var str = 'hello world!'; 
var result = /^hello/.test(str); // true 
'cdbbdbsdbdbz'.search(/d(b+)d/) // 1 
'xxx'.search(/d(b+)d/) // -1 沒有匹配 
var names = 'Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand '; 
var re = /\s*;\s*/; 
var nameList = names.split(re); 
// [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]
var re = /apples/gi; 
var str = 'Apples are round, and apples are juicy.'; 
var newstr = str.replace(re, 'oranges'); 
// // oranges are round, and oranges are juicy.

我想得到是否匹配

var str = 'hello world!'; 
var result = /^hello/.test(str); // true

我只想得到第一次匹配的位置

'cdbbdbsdbdbz'.search(/d(b+)d/) // 1 
'xxx'.search(/d(b+)d/) // -1 沒有匹配

我想按照匹配拆分字符串

var names = 'Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand '; 
var re = /\s*;\s*/; 
var nameList = names.split(re); 
// [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]

我想按照匹配覆蓋字符串

var re = /apples/gi; 
var str = 'Apples are round, and apples are juicy.'; 
var newstr = str.replace(re, 'oranges'); 
// // oranges are round, and oranges are juicy.

這個(gè)replace方法的用法著實(shí)比較多，只放了最基礎(chǔ)用法，當(dāng)有需求的時(shí)候再查就好了，整體有概念了再實(shí)踐比強(qiáng)行記憶要好吧~

總結(jié)

以上所述是小編給大家介紹的一次記住JavaScript的6個(gè)正則表達(dá)式方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: