最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

淺談Javascript常用正則表達(dá)式應(yīng)用

 更新時(shí)間:2019年03月08日 09:08:25   作者:五月君  
這篇文章主要介紹了Javascript常用正則表達(dá)式應(yīng)用,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

模式修飾符的可選參數(shù)

  • i: 忽略大小寫
  • g: 全局匹配
  • m: 多行匹配
  • /hello/: 兩個(gè)反斜杠是正則表達(dá)式的字面量表示法

兩個(gè)測(cè)試方法

test

const test = new RegExp('hello world', 'ig');
console.log(test.test('hello world')); // true

exec

返回的是數(shù)組,有就返回?cái)?shù)組的值,沒有返回為null

const test = new RegExp('hello world', 'ig');
console.log(test.exec('hello')); // null

四個(gè)正則表達(dá)式方法

match(pattern)

將所有匹配的字符串組合成數(shù)組返回

const pattern=/Box/ig;
const str="This is a Box! The is a box!";
console.log(str.match(pattern));

search(pattern)

返回字符串中pattern開始位置,忽略全局匹配

const pattern=/Box/i;	//
const str="This is a Box! The is a box!";
console.log(str.search(pattern)); // 10

replace(pattern)

替換匹配到的字符串

const pattern=/Box/ig;
const str="This is a Box! The is a box!";
console.log(str.replace(pattern,'Tom'));

split(pattern)

返回字符串指定pattern拆分?jǐn)?shù)組

const pattern = / /ig;	//空格
const str = "This is a Box! The is a box!";
console.log(str.split(pattern)); //以空格進(jìn)行分割,返回的是數(shù)組
// 輸出結(jié)果
// [ 'This', 'is', 'a', 'Box!', 'The', 'is', 'a', 'box!' ]

匹配模式

\w表示a-zA-Z_
錨元字符匹配(^ $) ^強(qiáng)制收匹配 $強(qiáng)制尾匹配,并且只匹配一個(gè)

const pattern=/^[a-z]oogle\d$/;
const str="aoogle2";
console.log(pattern.test(str)); // true

注意: ^符號(hào)在[]里面表示 非 在外邊表示強(qiáng)制首匹配,并且只匹配一個(gè) 要想匹配多個(gè)值,使用+
\b表示到達(dá)邊界

|表示匹配或選擇模式

const pattern=/baidu|google|bing/; //匹配或選擇其中某個(gè)字符,不是相等,包含的意思
const str = "baidu a google"; 
console.log(pattern.test(str)); //返回true

常用正則表達(dá)式

檢查郵政編碼

const pattern = /^[1-9]{1}[0-9]{5}$/;
const str = "122534"; //共6位數(shù),第一位不能為0
console.log(pattern.test(str)); // true

壓縮包后綴名
\w等于a-zA-Z0-9_ 使用^限定從首字母匹配 .是特殊符號(hào)需要\n進(jìn)行轉(zhuǎn)義
|選擇符必須使用()進(jìn)行分組

const pattern = /^[\w]+\.(zip|gz|rar)$/; 
const str="a12_.zip"; //文件名 字母_數(shù)字.zip,gz,rar
console.log(pattern.test(str)); // true

刪除多余空格

方法一: 使用replace只匹配一個(gè),所以使用+匹配多個(gè)

 var pattern=/^\s+/; 
 var str=" google ";
 var result=str.replace(pattern,'');
 pattern=/\s+$/;
 result=result.replace(pattern,'');
 

方法二: (.+)貪婪模式,使用惰性模式,后面的空格不讓匹配

var pattern=/^\s+(.+?)\s+$/;
 var str=" google ";
 var result=pattern.exec(str,'')[1];

 console.log('|'+result+'|');

方法三: (.+)貪婪模式,改為惰性模式,使用分組模式,只取匹配的內(nèi)容

var pattern=/^\s+(.+?)\s+$/;
 var str=" google ";
 var result=str.replace(pattern,'$1'); //使用分組模式

 console.log('|'+result+'|'); // |google|

簡(jiǎn)單郵箱驗(yàn)證

var pattern=/^([\w\.\_]+)@([\w\_]+)\.([a-zA-Z]){2,4}$/;
var str="qzfweb@gmail.com";
console.log(pattern.test(str)); // true

以上所述是小編給大家介紹的Javascript常用正則表達(dá)式應(yīng)用講解詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • JavaScript中的getTime()方法使用詳解

    JavaScript中的getTime()方法使用詳解

    這篇文章主要介紹了JavaScript中的getTime()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-06-06
  • 淺談javascript回調(diào)函數(shù)

    淺談javascript回調(diào)函數(shù)

    回調(diào)函數(shù)是從一個(gè)叫函數(shù)式編程的編程范式中衍生出來的概念。簡(jiǎn)單來說,函數(shù)式編程就是使用函數(shù)作為變量。函數(shù)式編程過去 - 甚至是現(xiàn)在,依舊沒有被廣泛使用 - 它過去常被看做是那些受過特許訓(xùn)練的,大師級(jí)別的程序員的秘傳技巧。
    2014-12-12
  • javascript函數(shù)中的arguments參數(shù)

    javascript函數(shù)中的arguments參數(shù)

    arguments當(dāng)然只在function體內(nèi)才有意義, arguments.length 返回的是傳入function的實(shí)參個(gè)數(shù)
    2010-08-08
  • javascript異步編程的4種方法

    javascript異步編程的4種方法

    本文總結(jié)了"異步模式"編程的4種方法,理解它們可以讓你寫出結(jié)構(gòu)更合理、性能更出色、維護(hù)更方便的Javascript程序
    2014-02-02
  • javascript學(xué)習(xí)筆記(五)原型和原型鏈詳解

    javascript學(xué)習(xí)筆記(五)原型和原型鏈詳解

    許多人對(duì)JavaScript的原型及原型鏈仍感到困惑,網(wǎng)上的文章又大多長篇大論,令讀者不明覺厲。我將用最簡(jiǎn)潔明了的文字介紹JavaScript的原型及原型鏈。
    2014-10-10
  • JavaScript變量的作用域全解析

    JavaScript變量的作用域全解析

    這篇文章主要介紹了JavaScript變量的作用域的基本知識(shí),是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-08-08
  • javascript三種代碼注釋方法

    javascript三種代碼注釋方法

    本文主要介紹javascript中三種常見的代碼注釋的方法,希望能夠幫到大家。
    2016-06-06
  • 簡(jiǎn)介JavaScript中的getSeconds()方法的使用

    簡(jiǎn)介JavaScript中的getSeconds()方法的使用

    這篇文章主要介紹了簡(jiǎn)介JavaScript中的getSeconds()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-06-06
  • JavaScript中匿名函數(shù)的用法及優(yōu)缺點(diǎn)詳解

    JavaScript中匿名函數(shù)的用法及優(yōu)缺點(diǎn)詳解

    下面小編就為大家?guī)硪黄狫avaScript中匿名函數(shù)的用法及優(yōu)缺點(diǎn)詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-06

最新評(píng)論

南和县| 德钦县| 合山市| 蛟河市| 临沧市| 达孜县| 古田县| 大名县| 西昌市| 延庆县| 平远县| 玛多县| 蓝田县| 武平县| 北碚区| 余干县| 达拉特旗| 军事| 清原| 灌南县| 包头市| 永胜县| 杂多县| 门源| 三门峡市| 邮箱| 新安县| 元江| 龙岩市| 焦作市| 迭部县| 嘉兴市| 宾川县| 长沙县| 上思县| 光山县| 赣榆县| 昌黎县| 成安县| 民权县| 深水埗区|