成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

隨手查閱的正則匹配筆記

Riddler / 674人閱讀

摘要:可視化查看正則表達式復雜版,很直觀,神器一枚可視化查看正則表達式簡化版

常見需求如下:

如果你只需要獲取字符串中的首個匹配項

var re = /quicks(brown).+?(jumps)/ig;
var result = re.exec("The Quick Brown Fox Jumps Over The Lazy Dog");
// 就算有 g 標識,通過 exec 也只能獲取到首個匹配項
// result[0]: Quick Brown Fox Jumps

使用了 g 標識時(不使用時以下方法也適用),如果你想獲取正則中的組匹配(capture groups)信息

var re = /quicks(brown).+?(jumps)/ig;
var result = re.exec("The Quick Brown Fox Jumps Over The Lazy Dog");
// index 1~n 就是組匹配到的結(jié)果(此處正則中有兩個括號,則 n 為 2)
// result[1]: Brown
// result[2]: Jumps

關(guān)于 exec 的更多詳細說明可以查看 MDN 文檔 RegExp.prototype.exec()

不使用 g 標識時,如果你想獲取正則中的組匹配(capture groups)信息

"mockid=272;其他說明文字……".match(/mockid=(d+);/i)
// ["mockid=272;", "272", index: 0, input: "mockid=272;其他說明文字……"]
// 如果加上 g 標識,就只能得到 ["mockid=272;"]

匹配多種可能出現(xiàn)的值,獲取最終匹配到的值

"GET/path/to/some/place".match(/^(GET|POST|PUT|DELETE)/gi)
// 輸出:["GET"]

關(guān)于 match 的更多詳細說明可以查看 MDN 文檔 String.prototype.match()

只想知道是否匹配某個正則(true or false)

// RegExp.prototype.test()
var str = "hello world!";
var result = /^hello/.test(str);
console.log(result); // true

關(guān)于 test 的更多詳細說明可以查看 MDN 文檔 RegExp.prototype.test()

// String.prototype.search()
var str = "hey JudE";
var re = /[A-Z]/g;
var re2 = /[.]/g;
console.log(str.search(re)); // returns 4, which is the index of the first capital letter "J"
console.log(str.search(re2)); // returns -1 cannot find "." dot punctuation
// 因此可以直接判斷返回負值時匹配結(jié)果為 false

關(guān)于 search 的更多詳細說明可以查看 MDN 文檔 String.prototype.search()

對匹配成功的字符串進行處理

function replacer(match, p1, p2, p3, offset, string) {
  // p1:([^d]*) p2:(d*) p3:([^w]*)
  // p1 非數(shù)字, p2 數(shù)字, p3 非文字
  return [p1, p2, p3].join(" - ");
}
var newString = "abc12345#$*%".replace(/([^d]*)(d*)([^w]*)/, replacer);
console.log(newString);  // abc - 12345 - #$*%
推薦正則工具:

RegExr

非常好用的一個正則編寫工具,我會點開左側(cè)菜單欄里的 cheatsheet 來學習編寫符合我需求的正則表達式。

Debuggex

可視化查看正則表達式(復雜版),很直觀,神器一枚

Regexper

可視化查看正則表達式(簡化版)

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

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/93214.html

相關(guān)文章

  • 關(guān)于正則表達式一些筆記整理

    摘要:于是對應(yīng)著,對應(yīng)著輸出月日年九前瞻正則表達式從文本頭部想穩(wěn)步開始解析,文本尾部方向,稱為前。只是條件不參與匹配找英文數(shù)字下劃線而且后面跟著數(shù)字的。 基礎(chǔ)知識 一 元字符  單詞邊界 d 數(shù)字 [0-9] w 英文 數(shù)字 下劃線 [a-z0-9_] s 空白字符[ v f] 水平制表符,v垂直制表符, 換行符, 回車符,f換頁符 反義 B 非單詞邊界 D [^0-9] W [^...

    fancyLuo 評論0 收藏0
  • 關(guān)于正則表達式一些筆記整理

    摘要:于是對應(yīng)著,對應(yīng)著輸出月日年九前瞻正則表達式從文本頭部想穩(wěn)步開始解析,文本尾部方向,稱為前。只是條件不參與匹配找英文數(shù)字下劃線而且后面跟著數(shù)字的。 基礎(chǔ)知識 一 元字符  單詞邊界 d 數(shù)字 [0-9] w 英文 數(shù)字 下劃線 [a-z0-9_] s 空白字符[ v f] 水平制表符,v垂直制表符, 換行符, 回車符,f換頁符 反義 B 非單詞邊界 D [^0-9] W [^...

    dailybird 評論0 收藏0
  • 正則表達式

    摘要:本文內(nèi)容共正則表達式火拼系列正則表達式回溯法原理學習正則表達式,是需要懂點兒匹配原理的。正則表達式迷你書問世了讓幫你生成和解析參數(shù)字符串最全正則表達式總結(jié)驗證號手機號中文郵編身份證地址等是正則表達式的縮寫,作用是對字符串執(zhí)行模式匹配。 JS 的正則表達式 正則表達式 一種幾乎可以在所有的程序設(shè)計語言里和所有的計算機平臺上使用的文字處理工具。它可以用來查找特定的信息(搜索),也可以用來查...

    bang590 評論0 收藏0
  • 正則表達式

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

    yibinnn 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<