資訊專(zhuān)欄INFORMATION COLUMN
摘要：最近迷上了收納，買(mǎi)了好多的箱子，開(kāi)始整理屋里的東西。同時(shí)，返回的這個(gè)數(shù)組同時(shí)還是一個(gè)對(duì)象，它擁有兩個(gè)屬性，分別為表示當(dāng)前匹配到的子字符串所處的位置，屬性表示被匹配的原始字符串。
最近迷上了收納，買(mǎi)了好多的箱子，開(kāi)始整理屋里的東西。好友甚至借給我一本日本作家的關(guān)于收納的書(shū)籍，又摩拳擦掌地要周末來(lái)幫我收拾～～。好吧，那就整理起來(lái)吧！
回頭再看看從事的前端工作，都說(shuō)前端的知識(shí)點(diǎn)大而雜，那這么多的知識(shí)點(diǎn)是不是也可以收納整理一下呢？在頭腦中逐步形成一個(gè)有戰(zhàn)斗力的兵團(tuán)，當(dāng)碰到敵軍進(jìn)犯時(shí)，都爭(zhēng)先恐后的跳出來(lái)請(qǐng)戰(zhàn)，而我熟悉他們的每一個(gè)優(yōu)點(diǎn)，更能審時(shí)度勢(shì)，運(yùn)籌帷幄！多說(shuō)無(wú)益，開(kāi)始行動(dòng)吧！
第一個(gè)收納箱從“正則表達(dá)式”開(kāi)始
在網(wǎng)上看看一個(gè)非常詳細(xì)的樹(shù)形圖介紹，也引用下來(lái)。原圖片的地址如下：https://files.jb51.net/file_i...
定義：
（1） 構(gòu)造函數(shù)方式：new RegExp("abc", "gi")
（2） 字面量方式： var reg = /abc/gi
常用的元字符:
. 匹配除換行符以外的任意字符
w 匹配字母、數(shù)字、下劃線(xiàn)或漢字
W 匹配任意不是字母，數(shù)字，下劃線(xiàn)，漢字的字符
s 匹配任意的空白符
S 匹配任意不是空白符的字符
d 匹配數(shù)字
D 匹配任意非數(shù)字的字符
匹配單詞的開(kāi)始或結(jié)束
B 匹配不是單詞開(kāi)頭或結(jié)束的位置
^ 匹配字符串的開(kāi)始
$ 匹配字符串的結(jié)束
重復(fù)的限定符：
*重復(fù)零次或更多次
+重復(fù)一次或更多次
? 重復(fù)零次或一次
{n} 重復(fù)n次
{n,} 重復(fù)n次或更多次
{n,m} 重復(fù)n到m次
[aeiou] 匹配字符集 | 分支條件 () 分組 (exp) 匹配exp,并捕獲文本到自動(dòng)命名的組里 (?exp) 匹配exp,并捕獲文本到名稱(chēng)為name的組里，也可以寫(xiě)成(?"name"exp) (?:exp) 匹配exp,不捕獲匹配的文本，也不給此分組分配組號(hào) (?=exp) 匹配exp前面的位置， (?<=exp) 匹配exp后面的位置 (?!exp) 匹配后面跟的不是exp的位置 (? 3個(gè)標(biāo)識(shí)(flags): g 全局模式 i 不區(qū)分大小寫(xiě) m 多行模式捕獲分組: 后向引用：重復(fù)搜索前面某個(gè)分組匹配的文本。 零寬度斷言: 查找某些內(nèi)容之前和之后的東西，也就是說(shuō)指定一個(gè)位置，這個(gè)位置應(yīng)該滿(mǎn)足一定條件(斷言) 懶惰和貪婪：貪婪-匹配盡量多的字符。懶惰-加?常用方法： 正則自身的方法： （1）test: 匹配返回true，否則返回false var reg=/boy(s)?s+ands+girl(s)?/gi; console.log(reg.test("boy and girl")); （2）exec: 該方法屬于一個(gè)比較復(fù)雜的方法，它接受一個(gè)字符串，返回的是一個(gè)數(shù)組，數(shù)組中第0個(gè)元素是匹配的子字符串，第二個(gè)元素是正則中的第一個(gè)子分組匹配的結(jié)果（如果有子分組，即正則中存在用圓括號(hào)括起來(lái)的分組），第三個(gè)是正則中第二個(gè)子分組匹配的結(jié)果（如果有第二個(gè)子分組）...以此類(lèi)推，如果沒(méi)有正則子分組，那么該數(shù)組長(zhǎng)度僅僅為1，就是匹配到的那個(gè)子字符串。同時(shí)，返回的這個(gè)數(shù)組同時(shí)還是一個(gè)對(duì)象，它擁有兩個(gè)屬性，分別為index表示當(dāng)前匹配到的子字符串所處的位置，input屬性表示被匹配的原始字符串。最后，該方法中的正則對(duì)象如果不是全局匹配，即沒(méi)有g(shù)修飾符，則每次調(diào)用只會(huì)從字符串開(kāi)頭處匹配第一個(gè)結(jié)果，且每次調(diào)用結(jié)果都是一樣的。 var reg=/(w)l(w)/g; var str="hello world hello 123 hello programmer hello test"; var arr=reg.exec(str); js方法： （3）match: 全局下把全部的搜索以數(shù)組方式返回。 （4）search:返回第一次匹配的index, 不匹配則返回-1 var str="hello world"; console.log(str.search(/o/g)); （5）replace str.replace(/hello/g,"hi") （6）split：當(dāng)拆分規(guī)則不統(tǒng)一時(shí)使用 var str="how|old*are you"; var arr=str.split(/||*|s+/);ES6擴(kuò)展 實(shí)例（1）只輸入中文
（2）只數(shù)組中文和英文
（3）郵箱驗(yàn)證
（4）IP驗(yàn)證
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/96226.html
摘要：系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類(lèi)中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線(xiàn)緩存簡(jiǎn)介系列編寫(xiě)高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪(fǎng)問(wèn)性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類(lèi) - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...
摘要：系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類(lèi)中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線(xiàn)緩存簡(jiǎn)介系列編寫(xiě)高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪(fǎng)問(wèn)性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類(lèi) - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...
摘要：模板語(yǔ)法四種詞法定義二空白符號(hào)空白符號(hào)分類(lèi)或稱(chēng)是，是縮進(jìn)符，字符串中寫(xiě)的。注意換行符會(huì)影響的兩個(gè)重要語(yǔ)法特性自動(dòng)插入分號(hào)和規(guī)則。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專(zhuān)欄學(xué)習(xí)【原文有winter的語(yǔ)音】，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱...
閱讀 2401·2021-10-11 10:59
閱讀 2657·2021-10-11 10:58
閱讀 3367·2021-09-08 09:35
閱讀 3944·2021-09-02 15:21
閱讀 1540·2019-08-30 15:53
閱讀 2683·2019-08-29 14:16
閱讀 2132·2019-08-26 14:00
閱讀 3018·2019-08-26 13:52
