JS正则表达式完全匹配字符

js中 RegExp 对象使用 test() 来匹配正则表达式时,只要有子字符串能够匹配成功就会返回 true。

如果要当正则表达式完全匹配整个字符串时 test() 才返回true的话,可以在正则表达式的开头加入^ (表示开头),结尾加入$(表示结尾)。

var reg1 = /12345678/;
var reg2 = /^12345678$/;
​
var test1 = "12345678";
var test2 = "0123456789";
​
console.log(reg1.test(test1));      //true
console.log(reg1.test(test2));      //true
console.log(reg2.test(test1));      //true
console.log(reg2.test(test2));      //false

若想完整匹配一个单词,可以使用以下形式:

var reg2 = /\bword\b/;
var reg3 = /(?:^|(\s))word(?:$|\s)/;

其中 reg2 的正则表达式会匹配以 "-" 、"." 和其他的字符(没有一一去测)分隔的单词

而 reg3 的正则表达式只会匹配以空白字符分隔的单词

var testStr4 = "word";
var testStr5 = "wordwithoutspace";
var testStr6 = "a word with space";
var testStr7 = "a-word-with-strikethrough";
var testStr8 = "a0word0with0number";
var testStr9 = "a_word_with_underline";
var testStr10 = "a.word.with.decimal";
var testStr11 = "a  word    with    tab";

var reg2 = /\bword\b/;
console.log("reg2.test(testStr4)",reg2.test(testStr4));     //true
console.log("reg2.test(testStr5)",reg2.test(testStr5));     //false
console.log("reg2.test(testStr6)",reg2.test(testStr6));     //true
console.log("reg2.test(testStr7)",reg2.test(testStr7));     //true
console.log("reg2.test(testStr8)",reg2.test(testStr8));     //false
console.log("reg2.test(testStr9)",reg2.test(testStr9));     //false
console.log("reg2.test(testStr10)",reg2.test(testStr10));   //true
console.log("reg2.test(testStr11)",reg2.test(testStr11));   //true

console.log()
var reg3 = /(?:^|(\s))word(?:$|\s)/;
console.log("reg3.test(testStr4)",reg3.test(testStr4));     //true
console.log("reg3.test(testStr5)",reg3.test(testStr5));     //false
console.log("reg3.test(testStr6)",reg3.test(testStr6));     //true
console.log("reg3.test(testStr7)",reg3.test(testStr7));     //false
console.log("reg3.test(testStr8)",reg3.test(testStr8));     //false
console.log("reg3.test(testStr9)",reg3.test(testStr9));     //false
console.log("reg3.test(testStr10)",reg3.test(testStr10));   //false
console.log("reg3.test(testStr11)",reg3.test(testStr11));   //true

 

### 回答1: 可以使用正则表达式匹配 DOM 字符串,但是需要注意的是,由于 DOM 字符串可能非常复杂,包含各种嵌套和属性,因此完全依赖正则表达式可能不是最好的解决方案。在某些情况下,最好的方法可能是使用 DOM 解析器。 以下是一个示例正则表达式,它可以匹配简单的 HTML 元素: ```js var regex = /<([a-z][a-z0-9]*)\b[^>]*>(.*?)<\/\1>/gi; ``` 这个正则表达式可以匹配以下内容: ```html <p>这是一个段落。</p> <div class="container">这是一个 div。</div> <span id="example">这是一个 span。</span> ``` 但是,对于更复杂的 DOM 字符串,例如嵌套元素或属性,该正则表达式可能无法正常工作。 在实际开发中,最好使用专门的 DOM 解析器来解析和操作 DOM 字符串。例如,可以使用 JavaScript 中的 `document.createElement`、`document.createTextNode`、`setAttribute` 等方法来构建 DOM 元素,或使用类似 jQuery、React 等的库来操作 DOM。 ### 回答2: 在JavaScript中,可以使用正则表达式匹配DOM字符串。DOM字符串是指一段包含HTML标签和文本的字符串,常见于HTML模板、AJAX请求响应等场景。 首先,我们需要先了解JavaScript正则表达式的表示方法。正则表达式可以使用字面量形式(使用斜杠“/”进行包裹),也可以使用构造函数形式(RegExp对象)。例如,要创建一个正则表达式匹配HTML标签,可以使用以下方式: ``` var tagRegExp = /<[^>]+>/g; ``` 接下来,我们可以使用正则表达式的`test()`方法来检测一个字符串是否与正则表达式匹配。例如,要检测一个DOM字符串中是否包含有HTML标签,可以使用以下代码: ``` var htmlString = "<div>这是一个DOM字符串</div>"; var tagRegExp = /<[^>]+>/g; if (tagRegExp.test(htmlString)) { console.log("DOM字符串中包含有HTML标签"); } else { console.log("DOM字符串中不包含HTML标签"); } ``` 上述代码中,`<div>这是一个DOM字符串</div>`是一个DOM字符串,通过正则表达式`/<[^>]+>/g`进行匹配,若匹配成功则打印"DOM字符串中包含有HTML标签",反之则打印"DOM字符串中不包含HTML标签"。 除了`test()`方法外,还有其他一些匹配和操作字符串的方法,例如`match()`、`replace()`等。这些方法可以根据正则表达式来获取匹配的结果或进行替换操作。 总结来说,通过使用JavaScript正则表达式,我们可以对DOM字符串进行匹配、提取和替换等操作,实现对DOM字符串的灵活处理。 ### 回答3: JS正则表达式是一种匹配和操作字符串的强大工具。在处理DOM字符串中,通过使用正则表达式,可以实现对DOM元素的提取和操作。 首先,我们可以使用正则表达式匹配DOM元素标签。例如,要匹配一个包含<div>标签的字符串,可以使用以下正则表达式: ```javascript const regex = /<div>(.*?)<\/div>/g; ``` 其中,`.*?`表示非贪婪模式匹配任意字符,`<\/div>`用于匹配结束标签。 此外,正则表达式还可以用于匹配DOM元素的属性。例如,要匹配一个包含class属性的字符串,可以使用以下正则表达式: ```javascript const regex = /class="([^"]*)"/g; ``` 其中,`[^"]*`表示匹配除双引号之外的任意字符。 在匹配到DOM元素后,可以通过正则表达式的捕获组来提取其中的内容。例如,使用以下正则表达式可以匹配一个包含在<div>标签中的文本内容: ```javascript const regex = /<div>(.*?)<\/div>/g; const match = regex.exec(str); const content = match[1]; ``` 其中,`match[1]`即为捕获组的内容,表示<div>标签内的文本内容。 总之,使用JS正则表达式可以方便地匹配和操作DOM字符串,从而提取和操作其中的内容。但是正则表达式的运行效率较低,对于复杂的DOM字符串处理,建议使用DOM操作方法更为高效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值