正则 | Hi 加菲

test

test() 方法执行一个检索，用来查看正则表达式与指定的字符串是否匹配。返回 true 或 false

1 2	// 用法： regexObj.test(str)

示例

1】

let str = 'a=1&b=2'; //如果是这样的字符串，也可以用下面的正则取到
str.replace(/([^=&])=([^&=])/g,function(){
    console.log(arguments[1],arguments[2])
})

2】

1 2	// /a/123 正则 /\/a\/\d+/

3】
将 <span class="proofreadSignClass 的span标签匹配出来

let str = '<p style="word-spacing: 0.05em; line-height: 1.6em; margin-top: 1.2em; margin-bottom: -1.2em; padding-bottom: 1.2em; position: relative; z-index: 1; color: rgb(48, 68, 85); font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Arial, sans-serif;">&#8203;<span style="color: rgb(0, 0, 0); font-family: 宋体; font-size: 14px; caret-color: red;"><span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="同音字错误：中华人名共和国→中华人民共和国">中华人名共和国</span><span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="标点符号错误：,→，">,</span>神经。<span style="color: rgb(48, 68, 85); font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Arial, sans-serif; word-spacing: 0.8px;"></span><span style="word-spacing: 0.8px; caret-color: red; font-family: 宋体; font-size: 14px;"><span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="同音字错误：中华人名共和国→中华人民共和国">中华人名共和国</span><span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="标点符号错误：,→，">,</span>神经。</span><span style="color: rgb(48, 68, 85); font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Arial, sans-serif; word-spacing: 0.8px;"></span><span style="word-spacing: 0.8px; caret-color: red; font-family: 宋体; font-size: 14px;"><span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="同音字错误：中华人名共和国→中华人民共和国">中华人名共和国</span><span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="标点符号错误：,→，">,</span>神经。</span></span></p>';

const proofreadHtml = (str) =>{
  let reg = str.match(/(<span class="proofreadSignClass[^>]*>)([\s\S]*?)(<\/span>)/ig);
  console.log(reg, reg.length);
}
proofreadHtml(str);

结果

[ '<span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="同音字错误：中华人名共和国→中华人民共和国">中华人名共和国</span>',
  '<span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="标点符号错误：,→，">,</span>',
  '<span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="同音字错误：中华人名共和国→中华人民共和国">中华人名共和国</span>',
  '<span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="标点符号错误：,→，">,</span>',
  '<span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="同音字错误：中华人名共和国→中华人民共和国">中华人名共和国</span>',
  '<span class="proofreadSignClass errorWordMark" style="border:2px solid red;color:#F39C12;" title="标点符号错误：,→，">,</span>' ]

[\s\S]是完全通配的意思，\s是指空白，包括空格、换行、tab缩进等所有的空白，而\S刚好相反
这样一正一反下来，就表示所有的字符，完全的，一字不漏的。
另外，[]这个符号，表示在它里面包含的单个字符不限顺序的出现，比如下面的正则：
[ace]*
这表示，只要出现a/c/e这三个任意的字母，都会被匹配
[\s]表示，只要出现空白就匹配
[\S]表示，非空白就匹配
那么它们的组合，表示所有的都匹配，与它相对应的，有[\w\W]等，意义完全相同、另外要说的一点是，为什么有”.”这个通配符了，还要这样的用法。
其实，[\s\S] [\w\W]这样的用法，比较”.”所匹配的还要多，因为”.”是不会匹配换行的，所有出现有换行匹配的时候，人们就习惯使用[\s\S]或者[\w\W]这样的完全通配模式。