RegExp -- 常見四種正則方法

一、正規表達式

1、match()方法

調用

let str = "夢的翅膀受傷了!"
let res = str.match('翅膀')
           

match() 方法可在字元串内檢索指定的值，這個校驗方法有點類似于數組/字元串的

indexOf()

和

lastIndexOf()

方法，隻不過這兩個方法傳回的是指定值首次出現的下标索引，而

match()

傳回兩種結果：

1.正常的校驗指定字元，傳回的則是一個不知道是數組，還是對象的字元資料，通過索引0可以擷取傳回的指定校驗字元，但是可以通過

.key

的方式擷取指定校驗字元首次出現的下标索引和資料校驗來源的原字元串

let str = "夢的翅膀受傷了!"
let res = str.match('翅膀')
console.log(res)

// 列印結果
["翅膀", index: 2, input: "夢的翅膀受傷了!", groups: undefined]

// 比對結果擷取
console.log(res[0])  // 翅膀

// 擷取index
console.log(res[1]) // 報錯
console.log(res.index)  // 2

// 擷取比對資料來源
console.log(res.input)  // 夢的翅膀受傷了!
           

Tips

通過字元串檢索查找，隻會傳回第一次查找到要查找元素

2.如果是通過正則方式校驗，如果沒有使用

g

修飾符，則跟字元串檢索沒有多大差別，如果使用了

g

修飾符，則傳回的是字元串中出現的指定字元的所有值得數組集合，不會再有

index

和

input

等屬性，純粹是一個比對結果值得數組集合

let str = "夢的翅膀受傷了!飛翔的翅膀"
let res = str.match(/翅膀/g)
console.log(res)

// 列印結果
["翅膀", "翅膀"]
           

Tips 這個方法傳回得是要校驗的字元的字元數組集合，如果沒有比對，則傳回

null

2、replace()方法

這個方法是用來比對字元串裡面指定要查找的字元串，并将比對到的字元串替換成指定的字元串

這個方法有兩個參數，第一個參數可以是正規表達式，也可以是字元串，第二個參數就是比對後替換的資料，或者生成替換文本的函數

let str = "夢的翅膀受傷了!飛翔的翅膀"
let res = str.replace('翅膀', '鳥兒')
console.log(res)

// 列印結果
夢的鳥兒受傷了!飛翔的翅膀
           

正則

使用正則的時候，記得加上

g

修飾符，否則隻會替換第一個

let str = "夢的翅膀受傷了!飛翔的翅膀"
let res = str.replace(/翅膀/, '鳥兒')
console.log(res)

// 列印結果
夢的鳥兒受傷了!飛翔的翅膀

let str = "夢的翅膀受傷了!飛翔的翅膀"
let res = str.replace(/翅膀/g, '鳥兒')
console.log(res)

// 列印結果
夢的鳥兒受傷了!飛翔的鳥兒
           

參數二為函數

如果參數二是函數而不是字元串，在這種情況下，每個比對都調用該函數，它傳回的字元串将作為替換文本使用。該函數的第一個參數是比對模式的字元串。接下來的參數是與模式中的子表達式比對的字元串，可以有 0 個或多個這樣的參數。接下來的參數是一個整數，聲明了比對在 stringObject 中出現的位置。最後一個參數是 stringObject 本身

官網意思是有四個參數，第一個參數是比對的字元串，第二個是子正規表達式比對的字元串，第三個比對的字元串的索引，第四個就是原字元串

let str = "夢的翅膀受傷了!飛翔的翅膀"
let res = str.replace(/翅膀/, function (current, index, input, strs) {
  console.log(current+ '-' +nextStr+ '-' +index+ '-' +strs)
  return '鳥兒'
})
console.log(res)

// 列印結果
翅膀-2-夢的翅膀受傷了!飛翔的翅膀-undefined
夢的鳥兒受傷了!飛翔的翅膀

let hml = '<div><img src="http://www.baidu.com/images/1.png" /></div>'
let res = hml.replace(/<img[^>]* src\s*?=\s*?['"]([^'"]+)[^>]*>/gi, function (current, nextStr, index, strs) {
  console.log(current+ '-' +nextStr+ '-' +index+ '-' +strs)
  return '鳥兒'
})
console.log(res)

// 列印結果
<img src="http://www.baidu.com/images/1.png" />-http://www.baidu.com/images/1.png-5-<div><img src="http://www.baidu.com/images/1.png" /></div>
<div>鳥兒</div>
           

3、exec()方法

用來校驗傳入的字元串中指定的比對，傳回一個數組，存放比對的結果，如果沒有比對到，則傳回

null

傳回數組的第零項元素是正則比對到的值，第一項元素是正規表達式中第一個子表達式比對的值，第二項元素是正規表達式中第二個茲表示比對的值，以此類推，還會額外傳回index和input屬性

let str = 'abcdefgabcdefg'
let reg = /b/
let res = reg.exec(str)
console.log(res)

// 列印結果
['b', index: 1, input: "abcdefgabcdefg"]
           

如果是全局比對，則可以通過循環語句，重複調用

exec

方法

let str = 'abcdefgabcdefg'
let reg = /b/g
let newRes
while ((newRes = reg.exec(str)) !== null) {
  console.log(newRes)
}

// 列印結果
["b", index: 1, input: "abcdefgabcdefg", groups: undefined]
["b", index: 8, input: "abcdefgabcdefg", groups: undefined]
           

4、test()方法

用于檢測一個字元串是否比對指定内容，如果比對則傳回

true

，不比對則傳回

false

let str = 'abcdefgabcdefg'
let reg = /b/g
let bl = reg.test(str)
console.log(bl)

// 列印結果
true
           

轉載于:https://www.cnblogs.com/zjh-study/p/10960747.html