JavaScript 正則表達式(筆記)

2020-01-20 22:11:11

字體：大中小

來源：轉載

供稿：網友

一什么是正則表達式

// 正則表達式(regular expression)是一個描述字符模式的對象;
// JS定義RegExp類表示正則表達式;
// String和RegExp都定義了使用正則表達式進行強大的模式匹配和文本檢索與替換的函數;

二創建正則表達式

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

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

3.String對象測試正則表達式

(1).match(pattern):返回pattern中的子串或null;
// math()方法獲取匹配數組;
    var pattern = /box/ig;　　　　　　　　　　　//開啟了全局
    var str = 'This is a Box!,That is a Box too!';
    alert(str.match(pattern));               // 得到數組:[Box,Box]
(2).search(pattern):返回字符串中pattern開始位置;
    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拆分的數組;
    var pattern = / /ig;
    var str = 'This is a Box!, That is a Box too.';
    console.log(str.split(pattern));         // 將空格拆開分組成數組;

三獲取控制

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

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

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

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

// 使用exec返回數組
var pattern = /^[a-z]+/s[0-9]{4}$/i;
var str = 'google 2015';
alert(pattern.exec(str)[0]); // 返回整個字符串=>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位數字,第一位不能為0;
var pattern = /[1-9][0-9]{5}/;
var str = '224000';
alert(pattern.test(str));

2.檢查文件壓縮包
// 數字+字母+_+.+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+/;                        // 強制首;
var str = '    goo gle   ';
var result = str.replace(pattern,"");        // 刪除行首空格;
pattern = //s+$/;                            // 強制尾;
result = result.replace(pattern,"");         // 刪除行尾空格;

5.簡單的電子郵件驗證
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));