成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS正則表達(dá)式學(xué)習(xí)筆記2

Ajian / 2197人閱讀

摘要:第二階段該部分內(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

相關(guān)文章

  • js正則達(dá)式學(xué)習(xí)筆記

    摘要:說來慚愧,做前端快三年對于正則表達(dá)式的應(yīng)用還是很淺薄,大家都知道正則的速度基本上是最快的,但就是懶得去記那些語法和規(guī)則,這次項(xiàng)目中多次用到了需要匹配替換的動作,終于下定決心去研究一下了。 說來慚愧,做前端快三年對于正則表達(dá)式的應(yīng)用還是很淺薄,大家都知道正則的速度基本上是最快的,但就是懶得去記那些語法和規(guī)則,這次項(xiàng)目中多次用到了需要匹配替換的動作,終于下定決心去研究一下了。 實(shí)例化正則對...

    Towers 評論0 收藏0
  • js正則達(dá)式學(xué)習(xí)筆記

    摘要:分組小括號功能較多有三種功能,作用一,把單獨(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á)式中的特殊字符,[...] 方括號中的任意字符[^...] ...

    superPershing 評論0 收藏0
  • JS正則達(dá)式學(xué)習(xí)筆記1

    摘要:正則表達(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é)會嗎?能!但要真...

    wangdai 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<