概述

正則表達式是用于匹配字符串中字符組合的模式雌续，一般情況下會比循環(huán)查詢匹配效率要高斩个，代碼也更加簡潔。能使用正則的方法總結(jié)如下驯杜。

方法總結(jié)

String

1受啥、search
2、match
3、matchAll
4滚局、replace
5居暖、split

使用

search

• str.search(regexp)
• regexp: 一個正則表達式，或者一個字符串（會自動調(diào)用new RegExp(str)轉(zhuǎn)成正則對象）
• return: 返回正則表達式在字符串中首次匹配項的索引藤肢；否則太闺，返回 -1。

console.log("abcde".search(/bc/));    // 1
console.log("abcde".search(/bcdef/));    // -1

match

• str.match(regexp)
• regexp: 一個正則表達式對象嘁圈，或者一個字符串（會自動調(diào)用new RegExp(str)轉(zhuǎn)成正則對象）
• return: ["result", index: 0, input: "inputStr", groups: undefined]這里有三種情況
  • 參數(shù)regexp不傳的情況：["", index: 0, input: "inputStr", groups: undefined]
  • 正則未使用g標志：僅返回第一個完整匹配及其相關(guān)其他屬性跟束。如：["bc", index: 1, input: "abcdebcd", groups: undefined]或者返回null
  • 正則使用了g標志：則返回全部匹配到的結(jié)果，并放于數(shù)組中丑孩。如：["abcd", "axxd"]或者返回null

console.log("abcde".match());                   //["", index: 0, input: "abcde", groups: undefined]
console.log("abcdebcd".match(/bc/));            //["bc", index: 1, input: "abcdebcd", groups: undefined]
console.log("abcdeabcd".match(/a(bc)(d)/));      //["abcd", "bc", "d", index: 0, input: "abcdeabcd", groups: undefined]
console.log("abcdeabcd".match(/a(\w{2})(d)/));    //["abcd", "bc", "d", index: 0, input: "abcdeabcd", groups: undefined]
console.log("abcdeaxxd".match(/a(\w{2})(d)/g));    //["abcd", "axxd"]冀宴，括號將不會被記錄

• groups:
• index: 匹配的結(jié)果的開始位置
• input: 搜索的字符串

matchAll

• str.matchAll(regexp)
• regexp: 一個正則表達式對象（MDN介紹必須使用g標志，但是測試發(fā)現(xiàn)貌似可以不必使用g標志）温学，或者一個字符串（會自動調(diào)用new RegExp(str)轉(zhuǎn)成正則對象）
• return: 返回一個遍歷器略贮。其中每個又和str.match返回值相同。

replace

• str.replace(regexp | substr, newSubStr | function)
• regexp | substr: 一個要匹配的正則對象或者一個字符串
• newSubStr | function: 一個用于替換被匹配到的字符串或者一個方法仗岖，返回替換被匹配到的字符串的字符串
• return: 返回一個被替換后的新的字符串逃延，不影響老的字符串。

"abcde".replace("ab", "xx");    //xxcde
"abcde23".replace(/\d/, "f");    //abcdef3
"abcde23".replace(/\d/g, "f");    //abcdeff

split

• str.split([separator[, limit]])
• separator: 分隔符字符串轧拄，可以不傳遞
• limit: 限制返回值中分割元素數(shù)量
• return: 被分割后的數(shù)組

MDN介紹: 當字符串為空時揽祥，split()返回一個包含一個空字符串的數(shù)組，而不是一個空數(shù)組檩电，如果字符串和分隔符都是空字符串拄丰，則返回一個空數(shù)組。
但是經(jīng)過測試發(fā)現(xiàn)俐末，都是返回空字符串數(shù)組[""]

"abc".split();      //["abc"]
"abc".split("");    //["a", "b", "c"]
"abc".split("b");    //["a", "c"]
"abc".split("", 2);  //["a", "b"]

RegExp

1料按、test
2、exec
兩個方法都有可能會改變lastIndex卓箫，當使用g標志的時候

使用

test

• regexpObj.test(str)
• str: 被用來測試的目標字符串
• return: regexpObj中的規(guī)則在str中包含载矿，則返回true否則返回false

let reg = /bc/;
const str = "abcd";
reg.test(str);    // true  reg.lastIndex = 0
reg.test(str);    // true  reg.lastIndex = 0

//如果正則規(guī)則中包含`g`標志，則會改變lastIndex屬性烹卒，重復(fù)測試的時候闷盔，后續(xù)會從lastIndex位置開始
let reg2 = new RegExp(/bc/, "g");
const str2 = "abcde";
reg2.test(str2);    // true  reg2.lastIndex = 3
reg2.test(str2);    //false  reg2.lastIndex = 0
reg2.test(str2);    // true  reg2.lastIndex = 3

exec

• regexObj.exec(str)
• str: 用于匹配正則表達式的字符串
• return: 和String中的match方法不使用g標志的返回值完全相同。當使用標志g的時候旅急，重復(fù)調(diào)用會根據(jù)改變后的lastIndex位置開始查找并返回相同的數(shù)組逢勾。

let reg = /e/;
const str = "abcdefghee";
reg.exec(str);  //["e", index: 4, input: "abcdefghee", groups: undefined]
console.log(reg.lastIndex);    //0
reg.exec(str);  //["e", index: 4, input: "abcdefghee", groups: undefined]
console.log(reg.lastIndex);    //0

//當使用了 g 標志
let reg2 = /e/g;
const str2 = "abcdefghee";
reg2.exec(str2);    //["e", index: 4, input: "abcdefghee", groups: undefined]    reg2.lastIndex = 5
reg2.exec(str2);    //["e", index: 8, input: "abcdefghee", groups: undefined]    reg2.lastIndex = 9
//最后一次匹配后，下一次匹配會返回 null坠非，之后又從第0個下標開始查找

正則匹配的標志

1敏沉、i: 匹配時不區(qū)分大小寫。即：a也能匹配A。
2盟迟、m: 多行匹配秋泳。
3、g: 全局匹配攒菠，匹配到第一次后不會停止迫皱，會繼續(xù)向后經(jīng)可能多的匹配。

常用元字符/表達式查詢