詳解JavaScript編程中正則表達式的使用

更新時間：2015年10月25日 16:19:35 投稿：goldensun

這篇文章主要介紹了詳解JavaScript編程中正則表達式的使用,并列出了JS所支持的正則第oxo昂,需要的朋友可以參考下

RegExp：是正則表達式（regular expression）的簡寫。
什么是 RegExp？
正則表達式描述了字符的模式對象。
當您檢索某個文本時，可以使用一種模式來描述要檢索的內容。RegExp 就是這種模式。
簡單的模式可以是一個單獨的字符。
更復雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等。
您可以規(guī)定字符串中的檢索位置，以及要檢索的字符類型，等等。
語法

var patt=new RegExp(pattern,modifiers);

或

var patt=/pattern/modifiers;

模式描述了一個表達式模型。
修飾符描述了檢索是否是全局，區(qū)分大小寫等。
RegExp 修飾符
修飾符用于執(zhí)行不區(qū)分大小寫和全文的搜索。

i - 修飾符是用來執(zhí)行不區(qū)分大小寫的匹配。
g - 修飾符是用于執(zhí)行全文的搜索（而不是在找到第一個就停止查找,而是找到所有的匹配）。

實例 1

在字符串中不區(qū)分大小寫找"W3CSchool"

var str="Visit W3CSchool";
var patt1=/w3cschool/i;

以下標記的文本是獲得的匹配的表達式：

Visit W3CSchool

實例 2
全文查找 "is"

var str="Is this all there is?";
var patt1=/is/g;

以下標記的文本是獲得的匹配的表達式：

Is this all there is?

實例 3
全文查找和不區(qū)分大小寫搜索 "is"

var str="Is this all there is?";
var patt1=/is/gi;

以下標記的文本是獲得的匹配的表達式：

Is this all there is?

下面來看一下JS中可用的基本正則表達式對象的部分整理：
修飾符
修飾符用于執(zhí)行區(qū)分大小寫和全局匹配:

20151025161547878.png (747×129)

方括號
方括號用于查找某個范圍內的字符：

20151025161800522.png (741×318)

元字符
元字符（Metacharacter）是擁有特殊含義的字符：

20151025161818741.png (739×595)

量詞

20151025161837302.png (744×344)

RegExp 對象方法

20151025161901940.png (744×129)

支持正則表達式的 String 對象的方法

20151025161917774.png (743×162)

您可能感興趣的文章:

nodejs的require模塊(文件模塊/核心模塊)及路徑介紹
在nodejs中，模塊大概可以分為核心模塊和文件模塊,核心模塊是被編譯成二進制代碼，引用的時候只需require表示符即可,文件模塊，則是指js文件、json文件或者是.node文件
2013-01-01
Javascript中arguments對象詳解
JavaScript不能像PHP一樣在函數(shù)參數(shù)中直接設置默認值，但是JavaScript有一個arguments可以使用，這就可以為函數(shù)參數(shù)設置默認值了
2014-10-10
查詢json的數(shù)據(jù)結構的8種方式簡介
你有沒有對“在復雜的JSON數(shù)據(jù)結構中查找匹配內容”而煩惱,這篇文章介紹了查詢json的數(shù)據(jù)結構的8種方式,總有一個適合你項目使用的方法
2014-03-03
關于uni-app頁面Page和組件Component生命周期執(zhí)行的先后順序
這篇文章主要介紹了關于uni-app頁面Page和組件Component生命周期執(zhí)行的先后順序,文中提供了具體的代碼,還不清楚的朋友可以來學習一下
2023-04-04
JavaScript入門教程(2) JS基礎知識
JavaScript 可以出現(xiàn)在 HTML 的任意地方。使用標記<script>…</script>，你可以在 HTML 文檔的任意地方插入 JavaScript，甚至在<HTML>之前插入也不成問題。
2009-01-01
javascript實現(xiàn)的圖片切割多塊效果實例
這篇文章主要介紹了javascript實現(xiàn)的圖片切割多塊效果,涉及javascript操作圖片及css樣式的技巧,需要的朋友可以參考下
2015-05-05
javascript ES6 新增了let命令使用介紹
ES6新增了let命令，用來聲明變量。它的用法類似于var，但是所聲明的變量，只在let命令所在的代碼塊內有效
2017-07-07
解析js中獲得父窗口鏈接getParent方法以及各種打開窗口的方法
本篇文章是對js中獲得父窗口鏈接getParent方法以及各種打開窗口的方法進行了詳細的分析介紹，需要的朋友參考下
2013-06-06
ES6基礎語法之對象介紹
這篇文章介紹了ES6中對象的用法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-05-05
javaScript parseInt字符轉化為數(shù)字函數(shù)使用小結
前幾天做網站的時候需要講數(shù)據(jù)庫中的時間讀取到變量中進行使用，用到parseInt函數(shù)，講字符轉化為數(shù)字。
2009-11-11