摘要:第二階段該部分內(nèi)容是學(xué)習(xí)正則的第二篇內(nèi)容,點(diǎn)擊第一部分查看第一部分的內(nèi)容。
第二階段
該部分內(nèi)容是學(xué)習(xí)正則的第二篇內(nèi)容,點(diǎn)擊第一部分查看第一部分的內(nèi)容。
這部分學(xué)習(xí)的內(nèi)容包括:
分組
斷言
匹配模式(貪婪和懶惰)
分組我們可以通過量詞匹配一個(gè)字符多次,但是如果我們想要匹配多個(gè)字符多次,就需要用到分組,比如下面一個(gè)例子
// 匹配字母和數(shù)字連續(xù)出現(xiàn)三次的字符 let str = "a1b2c3d4"; let reg = /([a-z]d){3}/ str.replace(reg,"x"); // 通過分組重新排列字符 let str = "2019-09-10"; let reg = /^(d{4})-(d{2})-(d{2})/ str.replace(reg,"$2/$3/$1") // result "09/10/2019" // 匹配IP v4 的地址 let reg = /^((2[0-4]d|25[0-5]|[0-1]?dd?).){3}2[0-4]d|25[0-5]|[0-1]?dd?/; // IP地址的格式是xxx.xxx.xxx.xxx 3個(gè)數(shù)字一個(gè)點(diǎn)的四位字符,匹配3次,加上三位字符,組合就是ip地址 // 我們通過分組,把分組內(nèi)容匹配三次 // 可以在正則中通過反向引用匹配分組的內(nèi)容 let reg = /(w{3}) is 1/; reg.test("kid is kid") // true reg.test("dik is dik") // true reg.test("kid is dik") // false reg.test("dik is kid") // false //1 反向引用的內(nèi)容和分組內(nèi)容是一樣的
特點(diǎn)
用()括起來的匹配正則
1 表示反向引用,引用第一個(gè)子表達(dá)式的內(nèi)容
2 表示反向引用,引用第二個(gè)子表達(dá)式的內(nèi)容
$0 匹配整個(gè)字符串
$1 匹配到的第一個(gè)分組的內(nèi)容
$2 匹配到的第二個(gè)分組的內(nèi)容
斷言斷言有點(diǎn)像^ $ b那樣用于指定一個(gè)位置,這個(gè)位置應(yīng)該滿足一定的條件(即斷言)。通常使用斷言用來查找某些內(nèi)容之前或之后的東西(不包括他們本身);
代碼 | 說明 |
---|---|
?=exp | 匹配exp前面的位置 |
?<=exp | 匹配exp后面的位置 |
?!exp | 匹配后面跟的不是exp的位置 |
? | 匹配前面不是exp的位置 |
DEMO
// ?=exp let reg = /w+(?=ing)/ let str = I"m singing while you"re dancing. // 匹配以ing結(jié)尾單詞的前面部分 // ?<=exp let reg = /(?<=re)w+/; // 匹配re開頭單詞的后半部分 let str = reading a book;匹配模式
貪婪模式
懶惰模式
當(dāng)正則表達(dá)式中包含能接受重復(fù)的限定詞時(shí),通常的行為是匹配盡可能多的字符。比如以下:
let reg = /a*b/; let str = "aabab"; let result = str.replace(reg,"X"); // 以上str字符串會被全部替換為一個(gè)字符X。這被稱為貪婪匹配模式 // result = "X";
但有時(shí)候,我們希望匹配盡可能少的字符。只需要在量詞限定符的后面再加上一個(gè)問號?就行。
let reg = /a*?b/; let str = "aabab"; let result = str.replace(reg,"X"); // 以上str字符串會被全部替換為一個(gè)字符X。這被稱為貪婪匹配模式 // result = "Xab";
代碼 | 說明 |
---|---|
*? | row 1 col 2 |
+? | row 2 col 2 |
?? | row 2 col 2 |
{n,m}? | row 2 col 2 |
+? | row 2 col 2 |
+? | row 2 col 2 |
多思考,多練習(xí),然后校驗(yàn)結(jié)果,反復(fù)這個(gè)過程,在這個(gè)過程當(dāng)中就會一點(diǎn)一點(diǎn)的進(jìn)步的。
練習(xí)題首先下載一個(gè)正則表達(dá)式測試工具:地址
我們的練習(xí)都可以使用這個(gè)工具來進(jìn)行測試;
匹配正確的電話
匹配正確的郵件
匹配IP地址(IPV4)
匹配URL
匹配身份證號碼(身份證有18位,最后一位可以是字符X)
匹配整數(shù)
匹配小數(shù)
匹配中文
匹配xxxx-xx-xx格式的日期(或者xxxx/xx/xx)
去掉http協(xié)議的jpg文件的協(xié)議頭
var imgs = [ "http://img.host.com/images/fds.jpg", "https://img.host.com/images/fjlj.jpg", "http://img.host.com/images/djalsdf.png", "https://img.host.com/images/adsjfl.png", "http://img.host.com/image/jasdlf.jpg" ];
獲取 url 中的參數(shù)
const _url = "http://img.host.com/images/fds.jpg?name=mmcai&age=28"
字符串中小寫數(shù)值替換為大寫
//給定字符串 const str = "958317640"; //期望結(jié)果 const newStr = "九五八三一七六四零"
把數(shù)字用科學(xué)計(jì)數(shù)法表達(dá)10000000000 變?yōu)?0.000.000.000
給一個(gè)連字符串例如:get-element-by-id轉(zhuǎn)化成駝峰形式
分割數(shù)字每三個(gè)以一個(gè)逗號劃分
匹配固定電話000-12345678
匹配以下字符串當(dāng)中的數(shù)值字符,并輸出數(shù)組
//原字符串 const str = "d3gfhf72gh254bhku289fgdhdy675gfh" // 期望得到的結(jié)果 const result = [3,72,254,289,675];
校驗(yàn)密碼——只能輸入6-20位字母、數(shù)字、下劃線
匹配漢字
練習(xí)答案晚點(diǎn)給出,大家寫完也可以百度查找哈,但結(jié)果不一定唯一,可以有好幾種寫法的,只要通過正則校驗(yàn)工具校驗(yàn)通過達(dá)到結(jié)果就可以哦~。
參考資料:
http://deerchao.net/tutorials...
https://www.imooc.com/video/1...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/105776.html
摘要:說來慚愧,做前端快三年對于正則表達(dá)式的應(yīng)用還是很淺薄,大家都知道正則的速度基本上是最快的,但就是懶得去記那些語法和規(guī)則,這次項(xiàng)目中多次用到了需要匹配替換的動作,終于下定決心去研究一下了。 說來慚愧,做前端快三年對于正則表達(dá)式的應(yīng)用還是很淺薄,大家都知道正則的速度基本上是最快的,但就是懶得去記那些語法和規(guī)則,這次項(xiàng)目中多次用到了需要匹配替換的動作,終于下定決心去研究一下了。 實(shí)例化正則對...
摘要:分組小括號功能較多有三種功能,作用一,把單獨(dú)的項(xiàng)組合成子表達(dá)式。作用三,允許后面引用前面的表達(dá)式。如果這時(shí)的正則表達(dá)式是一個(gè)非全局的,那么和正則表達(dá)式方法拿到的結(jié)果相同。,也可以接受一個(gè)正則表達(dá)式作為參數(shù)。 正則表達(dá)式創(chuàng)建字面量創(chuàng)建,a = /abc/gim;構(gòu)造函數(shù)創(chuàng)建,a = new RegExp(abc,gim)正則表達(dá)式中的特殊字符,[...] 方括號中的任意字符[^...] ...
摘要:正則表達(dá)式作為前端學(xué)習(xí)的一個(gè)知識點(diǎn),是每個(gè)合格的前端開發(fā)都應(yīng)該掌握它的用法。元字符一般情況下,正則表達(dá)式的一個(gè)字符對應(yīng)字符串的一個(gè)字符。 正則表達(dá)式作為前端學(xué)習(xí)的一個(gè)知識點(diǎn),是每個(gè)合格的前端開發(fā)都應(yīng)該掌握它的用法。正則表達(dá)式的學(xué)習(xí)確實(shí)不難,語法和應(yīng)用也非常簡單,能夠快速入門,很輕松的就能寫出簡單的表達(dá)式來對字符串執(zhí)行某些操作。網(wǎng)上也有標(biāo)題黨說一杯咖啡的時(shí)間就能學(xué)會。能學(xué)會嗎?能!但要真...
閱讀 3060·2021-11-22 09:34
閱讀 3650·2021-08-31 09:45
閱讀 3867·2019-08-30 13:57
閱讀 1684·2019-08-29 15:11
閱讀 1691·2019-08-28 18:04
閱讀 3233·2019-08-28 17:59
閱讀 1575·2019-08-26 13:35
閱讀 2198·2019-08-26 10:12