1、正則表達(dá)式（regular expression）

是一種字符串匹配的模式，用來(lái)檢查一個(gè)字符串中是否包含指定模式的字符串。

2、正則表達(dá)式的創(chuàng)建

var reg = /white/;var reg = new RegExp("white","g");

3、正則表達(dá)式的修飾符

g 執(zhí)行全局匹配（查找所有匹配而非在找到第一個(gè)匹配后停止）。
i 不區(qū)分大小寫
m 多行匹配

4、正則表達(dá)式符號(hào)

方括號(hào):方括號(hào)用于查找某個(gè)范圍內(nèi)的字符：

[abc]   查找方括號(hào)之間的任何字符。
[^abc]  查找任何不在方括號(hào)之間的字符。
[0-9]   查找任何從 0 至 9 的數(shù)字。
[a-z]   查找任何從小寫 a 到小寫 z 的字符。
[A-Z]   查找任何從大寫 A 到大寫 Z 的字符。
[A-z]   查找任何從大寫 A 到小寫 z 的字符。
[adgk]  查找給定集合內(nèi)的任何字符。
[^adgk] 查找給定集合外的任何字符。
(red|blue|green)    查找任何指定的選項(xiàng)。

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

/…/ 代表一個(gè)模式的開(kāi)始和結(jié)束
^   匹配字符串的開(kāi)始
$  匹配字符串的結(jié)束
/s  任何空白字符
/S  任何非空白字符
/d  匹配一個(gè)數(shù)字字符，等價(jià)于[0-9]
/D  除了數(shù)字之外的任何字符，等價(jià)于[^0-9]
/w  匹配一個(gè)數(shù)字、下劃線或字母字符，等價(jià)于[A-Za-z0-9_]
/W  任何非單字字符，等價(jià)于[^a-zA-z0-9_]
.   除了換行符之外的任意字符

正則表達(dá)式重復(fù)字符（量詞）

{n} 匹配前一項(xiàng)n次
{n,}    匹配前一項(xiàng)n次，或者多次
{n,m}   匹配前一項(xiàng)至少n次，但是不能超過(guò)m次
*   匹配前一項(xiàng)0次或多次，等價(jià)于{0,}
+   匹配前一項(xiàng)1次或多次，等價(jià)于{1,}
？   匹配前一項(xiàng)0次或1次，也就是說(shuō)前一項(xiàng)是可選的，等價(jià)于{0,1}

5、RegExp對(duì)象的屬性

global RegExp對(duì)象是否具有標(biāo)志g，它聲明了給定的正則表達(dá)式是否執(zhí)行全局匹配。

ignoreCase RegExp對(duì)象是否具有標(biāo)志i，它聲明了給定的正則表達(dá)式是否執(zhí)行對(duì)大小寫不敏感的匹配。

multiline RegExp對(duì)象是否具有標(biāo)志m，它聲明了給定的正則表達(dá)式是否執(zhí)行多行匹配。

6、RegExp對(duì)象的方法

1、exec  檢索字符中是正則表達(dá)式的區(qū)配，返回找到的值，并確定其位置

exec()

exec() 方法檢索字符串中的指定值。返回值是被找到的值。如果沒(méi)有發(fā)現(xiàn)匹配，則返回 null。

例子 1：

var patt1=new RegExp("e"); document.write(patt1.exec("The best things in life are free")); 由于該字符串中存在字母 "e"，以上代碼的輸出將是：e

2、test  檢索字符串中指定的值，返回true或false

test()

test() 方法檢索字符串中的指定值。返回值是 true 或 false。

例子：

var patt1=new RegExp("e"); document.write(patt1.test("The best things in life are free")); 由于該字符串中存在字母 "e"，以上代碼的輸出將是：True

7、分析(郵箱驗(yàn)證) var reg=/^/w+@/w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;

//正則表達(dá)式創(chuàng)建
^ 字符串開(kāi)始
$字符串結(jié)束
/w任意字符字母和數(shù)字，下劃線
+ 表示前一個(gè)字符出現(xiàn){1，}，一次或多次。
@ 普通字符串
/w  任意字符串 ddd@123
. 除了換行符之外的任意字符  ddd@123.
[a-zA-Z]  ddd@123.c   ddd@123.n
{2,3} ddd@123.com  ddd@123.net  ddd@123.tv
(.[a-zA-Z]{2,3})? ddd@123.com.cn  ddd@123.net

常用正則：

    用戶名正則：/^[a-zA-Z][a-zA-Z0-9]{3,15}$/
    密碼正則：/^[a-zA-Z0-9]{4,10}$/
    生日正則：/^((19/d{2})|(200/d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]/d|3[0-1])$/
    Email正則：/^/w+@/w+(/.[a-zA-Z]{2,3}){1,2}$/
    郵政編碼：/^/d{6}$/
    手機(jī)號(hào)碼：/^1/d{10}$/

8、String對(duì)象的方法

match 找到一個(gè)或多個(gè)正則表達(dá)式的匹配
search 檢索與正則表達(dá)式相匹配的值
replace 替換與正則表達(dá)式匹配的字符串
split 把字符串分割為字符串?dāng)?shù)組
9、select對(duì)象常用事件、方法和屬性.

1、事件    onchange    當(dāng)改變選項(xiàng)時(shí)調(diào)用的事件

2、方法    add()   向下拉列表中添加一個(gè)選項(xiàng)

    示例：

 var province=document.getElementById("selProvince").value;   var city=document.getElementById("selCity");  city.options.length=0;   switch(province){   case "河南省":    city.add(new Option("鄭州市","鄭州市"),null);    city.add(new Option("洛陽(yáng)市","洛陽(yáng)市"),null);   break;    ……   } 

3、屬性:

    options[]   返回包含下拉列表中的所有選項(xiàng)的一個(gè)數(shù)組
    selectedIndex   設(shè)置或返回下拉列表中被選項(xiàng)目的索引號(hào)
    length  返回下拉列表中的選項(xiàng)的數(shù)目

    示例：

 function get(){   var index=document.getElementById("fruit").selectedIndex;   var len=document.getElementById("fruit").length;   var show=document.getElementById("show");   show.innerHTML="被選選項(xiàng)的索引號(hào)為："+index+"<br/>下拉列表選項(xiàng)數(shù)目為："+len;  }

4、Option對(duì)象常用屬性:

    text：設(shè)置或返回某個(gè)選項(xiàng)的純文本值
    value：設(shè)置或返回被送往服務(wù)器的值

10、數(shù)組常用的屬性和方法。

屬性  length  設(shè)置或返回?cái)?shù)組中元素的數(shù)目

方法：

    join( ) 把數(shù)組的所有元素放入一個(gè)字符串，通過(guò)一個(gè)的分隔符進(jìn)行分隔
    sort( ) 對(duì)數(shù)組的元素進(jìn)行排序

****讀取二維數(shù)組中的元素值：

var cityList = new Array(); cityList['河北省'] = ['邯鄲市','石家莊市']; cityList['河南省'] = ['鄭州市','洛陽(yáng)市']; cityList['湖北省'] = ['武漢市','宜昌市']; for(var i in cityList){  document.getElementById("show").innerHTML+=i+"<br/>";  }  for(var j in cityList){  for(var k in cityList[j]){  document.getElementById("show").innerHTML+=cityList[j][k]+"  ”; } document.getElementById("show").innerHTML+="<br/>“; }

總結(jié)

以上所述是小編給大家介紹的JavaScript_正則表達(dá)式和級(jí)聯(lián)效果，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！