一次記住JavaScript的6個正則表達(dá)式方法
首先6這個具象的數(shù)字可以幫助我們整體記憶了。
范圍
js中有兩個類可以讓正則發(fā)揮作用
創(chuàng)建
var re = /ab+c/
方式一:正則表達(dá)字面量,這種直接是常量的表示用法可以讓js解析器提高性能
var re = new RegExp('ab+c')
方式二:構(gòu)造函數(shù),這種方式可以在runtime的時候動態(tài)確定正則是什么,更加靈活
常用特殊字符
來記憶一些常用特殊字符,這個是正則本身的范疇了,是不是總覺得記不?。科鋵?shí)我也記不住,每次都是去搜索和online驗(yàn)證來完成一些任務(wù)。我也困惱過,其實(shí)最后還是因?yàn)樽约簩懙纳侔?,唯手熟爾。。。下面的總結(jié)不寫具體內(nèi)容,只列出具體特殊字符和分類,可以嘗試一下說出他們的意義,我覺得比看表格更有利于記憶。。。
- 匹配量的:* + ? {n} {n,} {n,m} .
- 匹配位置的:^ $
- 匹配并且需要支持分組的時候需要括號來包裹:(匹配的模式)
- 匹配條件的:|
- 匹配集合的:[]
- 匹配非集合的:[^]
還有大量的由\和字母組成的特殊含義的匹配模式,這些用到的時候查詢就可以了,沒有必要記住,其實(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
注意對于每個正則對象的exec每次調(diào)用都只返回一個匹配,如果需要拿到全部匹配就需要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ù)組,如果不是,則出第一個匹配的字符串,以及相應(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.
這個replace方法的用法著實(shí)比較多,只放了最基礎(chǔ)用法,當(dāng)有需求的時候再查就好了,整體有概念了再實(shí)踐比強(qiáng)行記憶要好吧~
總結(jié)
以上所述是小編給大家介紹的一次記住JavaScript的6個正則表達(dá)式方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
2020淘寶618理想生活列車自動領(lǐng)喵幣js腳本的代碼
這篇文章主要介紹了2020淘寶618理想生活列車自動領(lǐng)喵幣腳本,需要先安裝 auto.js腳本,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06如何用JS模擬實(shí)現(xiàn)數(shù)組的map方法
這篇文章主要介紹了如何用JS模擬實(shí)現(xiàn)數(shù)組的map方法,文中講解非常細(xì)致,代碼幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-07-07微信小程序chooseImage的用法(從本地相冊選擇圖片或使用相機(jī)拍照)
這篇文章主要介紹了微信小程序chooseImage的用法(從本地相冊選擇圖片或使用相機(jī)拍照),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08微信小程序scroll-view組件實(shí)現(xiàn)滾動動畫
這篇文章主要為大家詳細(xì)介紹了微信小程序scroll-view組件實(shí)現(xiàn)滾動動畫,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-01-01JavaScript 跨域之POST實(shí)現(xiàn)方法
本篇文章主要介紹了JavaScript 跨域之POST實(shí)現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-05-05