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

資訊專(zhuān)欄INFORMATION COLUMN

前端計(jì)劃——JavaScript正則表達(dá)式快速入門(mén)

Xufc / 2613人閱讀

摘要：前言正則表達(dá)式時(shí)處理字符串中常用的手法，本文以簡(jiǎn)單的方式，快速展示了中正則相關(guān)的基礎(chǔ)知識(shí)點(diǎn)。文末還提供了幾個(gè)簡(jiǎn)單的正則相關(guān)面試題。接下來(lái)是正則部分，注意后面的并不匹配，也就是比如，實(shí)際匹配的值是和，在和后面加上，就完成了預(yù)期。

前言：正則表達(dá)式時(shí)處理字符串中常用的手法，本文以簡(jiǎn)單的方式，快速展示了JavaScript中正則相關(guān)的基礎(chǔ)知識(shí)點(diǎn)。文末還提供了幾個(gè)簡(jiǎn)單的正則相關(guān)面試題。個(gè)人總結(jié)，如有錯(cuò)誤，還望指正，

JavaScript正則表達(dá)式快速入門(mén) 兩種新建語(yǔ)法

字面量法

var patt = /w+/i;

RegExp對(duì)象法

(1)var patt = new RegExp("/w+/i");  


(2)var patt = new RegExp("w+","i");

其中第二個(gè)變量表示修飾符，在ES5中，(1)方法不允許加第二個(gè)變量，ES6中則允許，且后面的修飾符會(huì)覆蓋原修飾符。

五個(gè)修飾符

i：忽視大小寫(xiě)
g：全局匹配
m：多行匹配
u：用于處理大于uFFFF的字符（ES6新增）
y：類(lèi)似g，但是有粘連特點(diǎn)（ES6新增）

部分屬性

1、reg.sticky

用于檢測(cè)是否設(shè)置y修飾符，返回true/false（ES6新增）

2、reg.source

返回表達(dá)式正文（ES5）

3、reg.flags

返回修飾符（ES6新增）
量詞系列

基礎(chǔ)量詞

? (0或1)  
* (0個(gè)及以上)  
+ (1個(gè)及以上)

開(kāi)頭結(jié)尾

^ 開(kāi)頭  
$ 結(jié)尾

指定量詞

{x} 指定數(shù)量  
{x,} 大于X數(shù)量
{x,y} x,y之間

特殊

?=str 后面緊接str的  


?!str 后面沒(méi)有緊接str的
語(yǔ)法系列 RegExp方法

1、compile方法

patt.compile(newPatt)

用于編譯正則，或者改變正則內(nèi)容

2、exec方法

patt.exec(str)

如果找到了，返回相應(yīng)的字符串，如果沒(méi)有，返回null

3、test方法

patt.test(str)

如果找到了，返回true，否則返回false

String方法

1、search()

str.search(patt)

如果找到了，返回起始位置，否則返回-1

2、match()

str.match(patt)

返回一個(gè)數(shù)組，沒(méi)有找到返回null

3、replace()

str.replace(patt, newValue)

替換指定的內(nèi)容

4、split()

str.split("patt")

以指定內(nèi)容分割為數(shù)組

部分題目 題目一：正則校驗(yàn)電子郵箱 
var checkEmail = function(email) {
    var patt = /^([0-9A-Za-z-_.]+)@([0-9a-z]+.[a-z]{2,3}(.[a-z]{2})?)$/i
    return patt.test(email);
}
//另一種寫(xiě)法
/^(w)+(.w+)*@(w)+((.w{2,3}){1,3})$/;
題目二： 為string添加去除前后空白字符的函數(shù)trim() 
String.prototype.trim = function() {
    return this.replace(/^s+|s+$/g)
}
題目三：為數(shù)字添加","分割符，例如123456789輸出123,456,789 
function commafy(num) {
    return num && num.toString()
        .replace(/(d)(?=(d{3})+.)/g, x => x + ",");
}
題目簡(jiǎn)析：首先是&&，短路運(yùn)算符，也就是相當(dāng)于if...else，當(dāng)num存在時(shí)，會(huì)返回后面的值。
接下來(lái)是正則部分，注意?=后面的并不匹配，也就是比如12345678.9，實(shí)際匹配的值是2和5，在2和5后面加上","，就完成了預(yù)期。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83429.html

相關(guān)文章

  • 前端開(kāi)發(fā)收集 - 收藏集 - 掘金

    摘要：責(zé)編現(xiàn)代化的方式開(kāi)發(fā)一個(gè)圖片上傳工具前端掘金對(duì)于圖片上傳，大家一定不陌生。之深入事件機(jī)制前端掘金事件綁定的方式原生的事件綁定方式有幾種想必有很多朋友說(shuō)種目前，在本人目前的研究中，只有兩種半兩種半還有半種的且聽(tīng)我道來(lái)。 Ajax 與數(shù)據(jù)傳輸 - 前端 - 掘金背景 在沒(méi)有ajax之前，前端與后臺(tái)傳數(shù)據(jù)都是靠表單傳輸，使用表單的方法傳輸數(shù)據(jù)有一個(gè)比較大的問(wèn)題就是每次提交數(shù)據(jù)都會(huì)刷新頁(yè)面，用...

    ygyooo 評(píng)論0 收藏0

  • 正則表達(dá)式

    摘要：最全正則表達(dá)式總結(jié)驗(yàn)證號(hào)手機(jī)號(hào)中文郵編身份證地址等是正則表達(dá)式的縮寫(xiě)，作用是對(duì)字符串執(zhí)行模式匹配。學(xué)習(xí)目標(biāo)了解正則表達(dá)式語(yǔ)法在中使用正則表達(dá)式在中使 JS高級(jí)技巧 本篇是看的《JS高級(jí)程序設(shè)計(jì)》第23章《高級(jí)技巧》做的讀書(shū)分享。本篇按照書(shū)里的思路根據(jù)自己的理解和經(jīng)驗(yàn)，進(jìn)行擴(kuò)展延伸，同時(shí)指出書(shū)里的一些問(wèn)題。將會(huì)討論安全的類(lèi)型檢測(cè)、惰性載入函數(shù)、凍結(jié)對(duì)象、定時(shí)器等話題。1. 安全的類(lèi)型檢測(cè)...

    yibinnn 評(píng)論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶(hù)體驗(yàn)設(shè)計(jì)，簡(jiǎn)稱(chēng)，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶(hù)研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無(wú)限可能凹凸實(shí)驗(yàn)室京東用戶(hù)體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說(shuō)明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    zxhaaa 評(píng)論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶(hù)體驗(yàn)設(shè)計(jì)，簡(jiǎn)稱(chēng)，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶(hù)研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無(wú)限可能凹凸實(shí)驗(yàn)室京東用戶(hù)體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說(shuō)明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    JouyPub 評(píng)論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說(shuō)明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶(hù)體驗(yàn)設(shè)計(jì)，簡(jiǎn)稱(chēng)，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶(hù)研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無(wú)限可能凹凸實(shí)驗(yàn)室京東用戶(hù)體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說(shuō)明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    vslam 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<