JavaScript如何實(shí)現(xiàn)正則表達(dá)式

這篇文章主要為大家展示了“JavaScript如何實(shí)現(xiàn)正則表達(dá)式”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JavaScript如何實(shí)現(xiàn)正則表達(dá)式”這篇文章吧。

一 什么是正則表達(dá)式

// 正則表達(dá)式(regular expression)是一個(gè)描述字符模式的對(duì)象;
// JS定義RegExp類(lèi)表示正則表達(dá)式;
// String和RegExp都定義了使用正則表達(dá)式進(jìn)行強(qiáng)大的模式匹配和文本檢索與替換的函數(shù);

二 創(chuàng)建正則表達(dá)式

1.創(chuàng)建正則表達(dá)式
// JS提供了兩種方法創(chuàng)建正則;一種是采用new運(yùn)算符,另一種是采用字面量方式;
    (1).var box = new RegExp('box');          // 第一個(gè)參數(shù)是字符串;
            var box = new RegExp('box','ig'); // 第二個(gè)參數(shù)是可選模式修飾符;
    (2).var box = /box/;                      // 直接使用兩個(gè)反斜杠;
            var box = /box/ig;                // 添加模式修飾符;

2.RegExp對(duì)象測(cè)試正則表達(dá)式
// RegExp對(duì)象包含兩個(gè)方法:test()和exec();功能基本相似,用于測(cè)試字符串匹配;
(1).test():在字符串中查找是否存在指定的正則表達(dá)式并返回布爾值;
// test()實(shí)例
    var pattern = new RegExp('box','i');     // 創(chuàng)建正則;
    var str = 'This is a Box!';              // 創(chuàng)建字符串;
    alert(pattern.test(str));                // 通過(guò)test()方法驗(yàn)證是否匹配;
    // 使用一條語(yǔ)句實(shí)現(xiàn)正則匹配;
    alert(/box/i.test('This is a box!'));
(2).exec():在字符串中查找指定正則表達(dá)式,若成功,則返回包含該查找字符串的相關(guān)信息數(shù)組;若失敗,返回null;
exec()實(shí)例
    var pattern = /box/i;
    var str = 'This is a Box!';
    alert(pattern.exec(str));                // 匹配返回了數(shù)組;

3.String對(duì)象測(cè)試正則表達(dá)式

(1).match(pattern):返回pattern中的子串或null;
// math()方法獲取匹配數(shù)組;
    var pattern = /box/ig;　　　　　　　　　　　//開(kāi)啟了全局
    var str = 'This is a Box!,That is a Box too!';
    alert(str.match(pattern));               // 得到數(shù)組:[Box,Box]
(2).search(pattern):返回字符串中pattern開(kāi)始位置;
    var pattern = /box/ig;
    var str = 'This is a Box!,That is a Box too!';
    console.log(str.search(pattern));        // 10;search()查找到即返回,否則返回-1;
(3).replace(pattern,replacement):用replacement替換pattern;
    var pattern = /box/ig;
    var str = 'This is a Box!,That is a Box too';
    console.log(str.replace(pattern,'Tom')); // 將Box替換成了Tom;
(4).split(pattern):返回字符串按指定pattern拆分的數(shù)組;
    var pattern = / /ig;
    var str = 'This is a Box!, That is a Box too.';
    console.log(str.split(pattern));         // 將空格拆開(kāi)分組成數(shù)組;

三 獲取控制

// 正則表達(dá)式元字符是包含特殊含義的字符;
// 它們有一些特殊功能,可以控制匹配模式的方式;
// 反斜杠后的元字符將失去其特殊含義;

1.元字符/元符號(hào)    匹配情況
// 字符類(lèi):單個(gè)字符和數(shù)字
.                              匹配除換行符外的任意字符;
[a-z0-9]               　　　　 匹配括號(hào)中的字符集中任意字符;
[^a-z0-9]            　　　　　 匹配不在括號(hào)中的字符集中的字符;
\d                             匹配數(shù)字;
\D                             匹配非數(shù)字;
\w                             匹配字母和數(shù)字及_
\W                             匹配非字母和數(shù)字及_
// 字符類(lèi):空白字符
\0                             匹配null字符;
\b                             匹配空格字符;
\f                             匹配進(jìn)紙字符;
\n                             匹配換行符;
\r                             匹配回車(chē)字符;
\t                             匹配制表符;
\s                             匹配空白字符/空格/制表符和換行符;
\S                             匹配非空白字符;
// 字符類(lèi):錨字符;
^                              行首匹配;
$                              行尾匹配;
// 字符類(lèi):重復(fù)字符;
x?                             匹配0個(gè)或1個(gè)x;
x*                             匹配0個(gè)或任意多個(gè)x
x+                             匹配至少一個(gè)x;
(xyz)+                         匹配至少一個(gè)(xyz);
x{m,n}                         匹配最少m個(gè),最多n個(gè)x;
// 字符類(lèi):替代字符;
this|where|logo                匹配this或where或logo中任意一個(gè);
// 字符類(lèi):記錄字符;
$1                             匹配第一個(gè)分組中的內(nèi)容;

實(shí)例:
pattern = /g..gle/;         // ".":匹配任意一個(gè)字符;
pattern = /g.*gle/;         // ".*":匹配0個(gè)或任意多個(gè)字符;
pattern = /g[a-z]*gle/;     // [a-z]*:匹配任意個(gè)a-z中的字符;
pattern = /g[^0-9]*gle/;    // [^0-9]*:匹配任意個(gè)非0-9的字符;
pattern = /[a-z][A-Z]+/;    // [A-Z]+:匹配A-Z中的字符一次或多次
pattern = /g\w*gle/;        // \w*:匹配任意多個(gè)所有字符數(shù)字及_;
pattern = /google\d*/;      // \d*:匹配任意多個(gè)數(shù)字;
pattern = /\D{7,}/;         // \D{7,}:匹配至少7個(gè)非數(shù)字;
pattern = /^google$/;       // "^":從開(kāi)頭匹配;"$":從結(jié)尾匹配;
var pattern = /8(.*)8/;
var str = 'This is 8google8';
str.match(pattern);
console.log(RegExp.$1);     // 得到第一個(gè)分組里的字符串內(nèi)容;

2.貪婪和惰性
+        +?
?        ??
*        *?
{n}      {n}?
{n,}     {n,}?
{n,m} {n,m}?
var pattern = /[a-z]+?/;        //"?":關(guān)閉了貪婪匹配,只替換了第一個(gè);
var str = 'abcdefg';
alert(str.replace(pattern,'xxx'));    // =>xxxdefg;

// 使用exec返回?cái)?shù)組
var pattern = /^[a-z]+\s[0-9]{4}$/i;
var str  = 'google 2015';
alert(pattern.exec(str)[0]);    // 返回整個(gè)字符串=>google 2015;

var pattern = /^[a-z]+/i;
var str = 'google 2015';
alert(pattern.exec(str));       //返回匹配到的字母=>google;

// 使用特殊字符匹配;
var pattern = /\.\[\/b\]/;
var str = '.[/b]';
alert(pattern.test(str));

// 使用換行模式
var pattern = /^\d+/mg;
var str = '1.baidu\n2.google\n3.bing';
var result = str.replace(pattern,"#");
alert(result);                  // #.baidu  #.google  #.bing;

四 常用的正則

1.檢查郵政編碼
// 共6位數(shù)字,第一位不能為0;
var pattern = /[1-9][0-9]{5}/;
var str = '224000';
alert(pattern.test(str));

2.檢查文件壓縮包
// 數(shù)字+字母+_+.+zip|rar|gz
var pattern = /[\w]+\.zip|rar|gz/;
var str = '123.zip';
alert(pattern.test(str));

3.刪除多余空格
var pattern = /\s/g;          // 必須全局,才能全部匹配;
var str = '111 222 333';
var result = str.replace(pattern,"");

4.刪除首尾空格
var pattern = /^\s+/;                        // 強(qiáng)制首;
var str = '    goo  gle   ';
var result = str.replace(pattern,"");        // 刪除行首空格;
pattern = /\s+$/;                            // 強(qiáng)制尾;
result = result.replace(pattern,"");         // 刪除行尾空格;
 
5.簡(jiǎn)單的電子郵件驗(yàn)證
var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-0_\.\-]+)\.([a-zA-Z]{2,4})$/;
var str = 'abc123.com@gmail.com';
alert(pattern.test(str));

以上是“JavaScript如何實(shí)現(xiàn)正則表達(dá)式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！