[JavaScript知识库]JS 正则中的 exec replace 断言查找的使用

使用\将一些特殊字符进行转义 (如果你不清楚那个字符需要使用\ 都加上也没有问题)

() 作用 : 充当捕获组, 同时, 用于回引

无回引使用 (?:)

exec

在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。

var re = /quick\s(brown).+?(jumps)/ig;
var result = re.exec('the quick brown for jumps over the lazy dog');
console.log(result) // object / null
// [
//   'quick brown for jumps',		捕获的全部内容
//   'brown',   捕获组
//   'jumps',   捕获组
//   index: 4,  开始匹配的 index
//   input: 'the quick brown for jumps over the lazy dog',
//   groups: undefined
// ]

replace

// 替换(非数字)(数字)(非字符)
var newString = 'abc12345#$*%'.replace(
  /([^\d]*)(\d*)([^\w]*)/,
  // 子串, 捕获, 偏移, 原始字符串
  (match, p1, p2, p3, offset, string) => [p1, p2, p3].join(' - ')
);
console.log(newString);  // abc - 12345 - #$*%

引用的使用

// 引用使用技巧
const str = 'l say: "l love you"'
const re = /"([^"]*)"/
console.log(str.replace(re, '{$1}'))

// 给捕获组取个名字
// l say: {l love you}
const re2 = /"(?<haha>[^"]*)"/g
console.log(str.replace(re2, '{$<haha>}'))

断言查找

向前断言查找 (?= )

(?=xxx) : 匹配的字符后面必须为 xxx

// (匹配的字符)后面必须为 script
const str = 'aaajavascriptaaa'
const re = /java(?=script)/i
console.log(re.exec(str))
// [
//   'java',		匹配的字符
//   index: 3,
//   input: 'aaajavascriptaaa', 
//   groups: undefined
// ]

// (匹配的字符)后面必须为 script, 且加上几个其他的捕获组
const str = 'aaajavascriptaaa'
const re = /java(?=script)([a-z])([a-z]\w*)/i
console.log(re.exec(str))
// [
//   'javascriptaaa',		匹配的字符
//   's',					第一个捕获组 ([a-z])
//   'criptaaa',			第二个捕获组 ([a-z]\w*)
//   index: 3,
//   input: 'aaajavascriptaaa', 
//   groups: undefined
// ]

否定式向前查找断言 (?! )
(?!xxx) : 匹配的字符后面必须不为 xxx

// (匹配的字符)后面必须不为 script
const str = 'javabean'
const re = /java(?!script)([a-z]\w*)/i
console.log(re.exec(str))
// [ 
//   'javabean',		匹配的字符
//   'bean',			第一个捕获组 ([a-z]\w*)
//   index: 0, 
//   input: 'javabean', 
//   groups: undefined 
// ]

(?<=xxx) : 匹配的字符前面必须为 xxx

// (匹配的字符)前面必须为 java
const str = 'javascript'
const re = /(?<=java)(\w*)/i
console.log(re.exec(str))
// [
//   'script',		匹配的字符
//   'script',		第一个捕获组
//   index: 4,
//   input: 'javascript',       
//   groups: undefined
// ]

// (匹配的字符)前面必须不为 java
const str = 'typescript'
const re = /(?!=java)(\w*)/i
console.log(re.exec(str))
// [
//   'typescript',
//   'typescript',
//   index: 0,
//   input: 'typescript',       
//   groups: undefined
// ]