主頁(yè) > 知識(shí)庫(kù) > JavaScript 正則表達(dá)式(筆記)

JavaScript 正則表達(dá)式(筆記)

熱門標(biāo)簽:鄂州人工智能電銷機(jī)器人軟件 地圖標(biāo)注商戶中心要收錢多少 css百度地圖標(biāo)注位置顯示 線上教育ai外呼系統(tǒng) 400免費(fèi)電話去哪申請(qǐng) 實(shí)用地圖標(biāo)注app 地圖標(biāo)注字母的軟件 宿遷智能外呼系統(tǒng)供應(yīng)商 菏澤智能ai電銷機(jī)器人銷售公司

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

// 正則表達(dá)式(regular expression)是一個(gè)描述字符模式的對(duì)象;
// JS定義RegExp類表示正則表達(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;           //開啟了全局
    var str = 'This is a Box!,That is a Box too!';
    alert(str.match(pattern));               // 得到數(shù)組:[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拆分的數(shù)組;
    var pattern = / /ig;
    var str = 'This is a Box!, That is a Box too.';
    console.log(str.split(pattern));         // 將空格拆開分組成數(shù)組;

三 獲取控制

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

1.元字符/元符號(hào)    匹配情況
// 字符類:單個(gè)字符和數(shù)字
.                              匹配除換行符外的任意字符;
[a-z0-9]                    匹配括號(hào)中的字符集中任意字符;
[^a-z0-9]                  匹配不在括號(hào)中的字符集中的字符;
\d                             匹配數(shù)字;
\D                             匹配非數(shù)字;
\w                             匹配字母和數(shù)字及_
\W                             匹配非字母和數(shù)字及_
// 字符類:空白字符
\0                             匹配null字符;
\b                             匹配空格字符;
\f                             匹配進(jìn)紙字符;
\n                             匹配換行符;
\r                             匹配回車字符;
\t                             匹配制表符;
\s                             匹配空白字符/空格/制表符和換行符;
\S                             匹配非空白字符;
// 字符類:錨字符;
^                              行首匹配;
$                              行尾匹配;
// 字符類:重復(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;
// 字符類:替代字符;
this|where|logo                匹配this或where或logo中任意一個(gè);
// 字符類:記錄字符;
$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$/;       // "^":從開頭匹配;"$":從結(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正則表達(dá)式基礎(chǔ)篇
  • java中 利用正則表達(dá)式提取( )內(nèi)內(nèi)容
  • 利用Java正則表達(dá)式校驗(yàn)郵箱與手機(jī)號(hào)
  • javascipt匹配單行和多行注釋的正則表達(dá)式
  • java正則表達(dá)式提取數(shù)字的方法實(shí)例
  • java正則表達(dá)式驗(yàn)證郵箱、電話號(hào)碼示例
  • java正則表達(dá)式匹配網(wǎng)頁(yè)所有網(wǎng)址和鏈接文字的示例
  • javascript中正則表達(dá)式反向引用示例介紹
  • java正則表達(dá)式表單驗(yàn)證類工具類(驗(yàn)證郵箱、手機(jī)號(hào)碼、qq號(hào)碼等)
  • JavaScript利用正則表達(dá)式去除日期中的-
  • javascript正則表達(dá)式參數(shù)/g與/i及/gi的使用指南
  • Javascript 正則表達(dá)式實(shí)現(xiàn)為數(shù)字添加千位分隔符
  • java正則表達(dá)式驗(yàn)證工具類
  • JAVA中正則表達(dá)式匹配,替換,查找,切割的方法
  • Java中使用正則表達(dá)式處理文本數(shù)據(jù)

標(biāo)簽:咸陽(yáng) 六安 梅州 三亞 池州 綿陽(yáng) 恩施 鞍山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《JavaScript 正則表達(dá)式(筆記)》,本文關(guān)鍵詞  JavaScript,正則,表達(dá)式,筆記,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《JavaScript 正則表達(dá)式(筆記)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于JavaScript 正則表達(dá)式(筆記)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章