DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript技巧 >> JavaScript中正則表達式判斷匹配規則及常用方法
JavaScript中正則表達式判斷匹配規則及常用方法
編輯:JavaScript技巧     

字符串是編程時涉及到的最多的一種數據結構,對字符串進行操作的需求幾乎無處不在。 正則表達式是一種用來匹配字符串的強有力的武器。它的設計思想是用一種描述性的語言來給字符串定義一個規則,凡是符合規則的字符串,我們就認為它“匹配”了。 

\d可以匹配一個數字                 '00\d'可以匹配'007' ,'\d\d\d'可以匹配'010'
\w可以匹配一個字母或數字      '\w\w'可以匹配'js'
\s可以匹配一個空格(也包括Tab等空白符)
\DWS都是表示匹配與小寫字母相反的匹配關系
\數字n表示指向第n個分組捕獲到的字符串文本的一個引用,能夠再次被匹配       /(\d+)(0*)\1/可以匹配‘22300223'
.可以匹配任意字符                  'js.'可以匹配'jsp'、'jss'、'js!' 

正則表達式量詞:

*表示任意個字符(包括0個)
+表示至少一個字符
?表示0個或1個字符
{n}表示n個字符
{n,m}表示n-m個字符 

A|B可以匹配A或B       (J|j)ava(S|s)cript可以匹配'JavaScript'、'Javascript'、'javaScript'或者'javascript'

^表示行的開頭          ^\d表示必須以數字開頭

$表示行的結束          \d$表示必須以數字結束

[]表示范圍,字符類                          

[a-zA-Z\_\$][0-9a-zA-Z\_\$]*可以匹配由字母或下劃線、$開頭,後接任意個由一個數字、字母或者下劃線、$組成的字符串,也就是JavaScript允許的變量名

[a-zA-Z\_\$][0-9a-zA-Z\_\$]{0, 19}更精確地限制了變量的長度是1-20個字符(前面1個字符+後面最多19個字符)

[] 中的^ 表示排除某個字符     [^#?] 表示除了?和#的所有字符     

()表示捕獲型分組,可以將匹配的字符串進行分組,提取子串。

如果正則表達式中定義了組,就可以在RegExp對象上用exec()方法提取出子串來。

exec()匹配成功後,返回一個Array,第一個元素是正則表達式匹配到的整個字符串,後面的字符串表示匹配成功的子串。

exec()匹配失敗時返回null。

^(\d{3})-(\d{3,8})$分別定義了兩個組,可以直接從匹配的字符串中提取出區號和本地號碼:

var re = /^(\d{3})-(\d{3,8})$/;
re.exec('010-12345'); // ['010-12345', '010', '12345']
re.exec('010 12345'); // null 

(?:) 分組不想被捕獲的時候使用,可以提高程序執行速度,非捕獲型分組不會干擾捕獲型分組編號。

用正則表達式切分字符串比用固定的字符更靈活

'a,b;; c d'.split(/[\s\,\;]+/); // ['a', 'b', 'c', 'd']  

RegExp對象的test()方法用於測試給定的字符串是否符合條件。

var re = /^\d{3}\-\d{3,8}$/;
re.test('010-12345'); // true
re.test('010-1234x'); // false

需要特別指出的是,正則匹配默認是貪婪匹配,也就是匹配盡可能多的字符。

var re = /^(\d+)(0*)$/;
re.exec('102300'); // ['102300', '102300', '']

由於\d+采用貪婪匹配,直接把後面的0全部匹配了,結果0*只能匹配空字符串了。

加個?就可以讓\d+采用非貪婪匹配:

var re = /^(\d+?)(0*)$/;
re.exec('102300'); // ['102300', '1023', '00'] 

特殊標志

g標志 ,表示全局匹配

i標志,表示忽略大小寫

m標志,表示執行多行匹配 

需要使用轉義符' \ '的15個特殊字符

/ \ [ ] ( ) { } ? + * | . ^ $

總結

以上所述是小編給大家介紹的JavaScript中正則表達式判斷匹配規則及常用方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved