DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript學習筆記(十二) RegExp類型介紹
javascript學習筆記(十二) RegExp類型介紹
編輯:JavaScript基礎知識     
1.匹配模式標記:
g ------ 表示全局模式,而不是發現第一個匹配成功就立刻結束
i ------- 表示不區分大小寫模式
m ----- 表示多行匹配,一行結束時向下一行繼續匹配
復制代碼 代碼如下:
//匹配第一個bat 或cat,不區分大小寫
var pattern1 = /[bc]at/i
var pattern2 = new RegExp("[bc]at","i"); //同上

使用RegEXp是字面量模式要轉換成字符串
/\[bc\]at/ =======> "\\[bc\\]at"
/\.at/ ==========> "\\.at"
/name\/age/ ======> "name\\/age"
/\d.\d{1,2}/ ======> "\\d.\\d{1,2}"
/\w\\hello\\123/ ====>"\\w\\\\hello\\\\123

2.RegExp實例屬性
global —— 布爾值,表示是否設置了g 標志
ignoreCase —— 布爾值,表示是否設置了i 標志
multiline —— 布爾值,表示是否設置了m 標志
lastIndex —— 整數,表示開始搜索下一個匹配項的位置
source —— 字面量形式的字符串
復制代碼 代碼如下:
var pattern2 = new RegExp("\\[bc\\]at","i");
alert(pattern2.source); //"\[bc\]at"

3.RegExp實例方法
exec()方法 接受一個參數,即應用正則表達式的字符串,
返回數組和兩個屬性index和input,數組第一項是與整個模式匹配的字符串,其他項是與模式中的捕獲組匹配的字符串
復制代碼 代碼如下:
var text "mom and dat and baby";
var pattern = /mom( and dad( and baby)?)?/gi;

var matches = pattern.exec(text);
alert(matches.index); //0
alert(matches.input); //"mom and dad and baby"
alert(matches[0]); //"mom and dad and baby"
alert(matches[1]); //" and dad and baby"
alert(matches[2]); //" and baby"

非全局模式時每次調用exec()返回的都是第一次匹配的項
全局模式時每次調用ecec()返回字符串的下一個匹配項,lastIndex的值會增加

test()方法 接受一個參數,即應用正則表達式的字符串,匹配返回 true 否則返回 false
復制代碼 代碼如下:
var text = "000-00-0000";
var pattern = /\d{3}-\d{2}-\d{4}/;

if (pattern.test(test)) {
alert("匹配!");
}

4.RegExp 構造函數屬性
復制代碼 代碼如下:
var text = "this has been a short summer";
var pattern = /(.)host/g;

if (pattern.test(text)){
alert(RegExp.input); //this has been a short summer 最近一次要匹配的字符串,等價於RegExp.$_ ,opera不支持
alert(RegExp.lastMatch); //short 最近一次的匹配項,等價於RegExp["$&"] ,opera不支持
alert(RegExp.lastParen); //s 最近一次匹配的捕獲組,等價於RegExp["$+"] ,opera不支持
alert(RegExp.leftContext); //this has been a 匹配項前的文本,等價於RegExp["$`"]
alert(RegExp.rightContext); // summer 匹配項後的文本,等價於RegExp["$‘"] ,
alert(RegExp.multiline); //false 是不是多行模式,等價於RegExp["$*"] ,opera和IE都不支持
}

RegExp.$1 …… RegExp.$9 存儲捕獲組
復制代碼 代碼如下:
var text = "this has been a short summer";
var pattern =/(..)or(.)/g;
if (pattern.test(text)) {
alert(RegExp.$1); //sh
alert(RegExp.$2); //t
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved