JavaScript RegExp 对象用法详解
(编辑:jimmy 日期: 2024/11/27 浏览:3 次 )
当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。
简单的模式可以是一个单独的字符。
更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。
您可以规定字符串中的检索位置,以及要检索的字符类型,等等。
1.基本用法
<script> // 创建正则 var reg = /hello/ // 检测某个字符串是否有符合正则格式的文本 var flag = reg.test("hello world") console.log(flag) // true </script>
2.修饰符
修饰符用于执行区分大小写和全局匹配
i 不区分大小写
g 全局匹配
<script> // 默认会区分大小写 var reg = /hello/ var flag = reg.test("Hello World") console.log(flag) // false // 添加i修饰符 不区分大小写 var reg2 = /hello/i var flag2 = reg2.test("Hello World") console.log(flag2) // true var str = "I'm in a bad mood, really bad" // 默认非全局匹配 var reg3 = /bad/ var newStr = str.replace(reg3,"good") // 只替换了一个bad console.log(newStr) // I'm in a good mood, really bad // 全局匹配 var reg4 = /bad/g var newStr2 = str.replace(reg4,"good") // 替换了全局的bad为good console.log(newStr2) // I'm in a good mood, really good // 同时使用 var reg5 = /bad/gi </script>
3.元字符
元字符是拥有特殊含义的字符:
. 查找单个字符,除了换行和行结束符。(通俗的说是任意字符)
- \d 匹配数字0-9
- \D 匹配非数字
- \s 匹配任意空白字符(不局限空格)
- \S 匹配非空白字符
- \w 元字符用于查找单词字符。(单词字符包括:a-z、A-Z、0-9,以及下划线)
- \W 元字符用于查找非单词字符。
4.方括号
方括号用于查找某个范围内的字符
- [abc] 匹配中括号中存在的一个字符(a,b,c中的一个)
- [^abc] 匹配中括号中不存在的一个字符(除a,b,c中以外的字符)
- [0-9] 查找任何从 0 至 9 的数字。
- [a-z] 查找任何从小写 a 到小写 z 的字符。
- [A-Z] 查找任何从大写 A 到大写 Z 的字符。
- [A-z] 查找任何从大写 A 到小写 z 的字符。
5.量词
- \d{6} 匹配6个数字
- \d{4,6} 匹配4到6个数字
- \d{4,} 匹配至少4个数字
- "htmlcode">
<script> var str = "hi66morning77" // 匹配连续的3个数字 var reg = /\d{3}/ console.log(reg.test(str)) // false // 匹配连续的7个小写字母 var reg2 = /[a-z]{7}/ console.log(reg2.test(str)) // true </script>
match():查找字符串,将符合正则表达式规则的文本以数组形式返回,如果没有指定全局匹配,则只查找一次。找不到就返回null
<script> var str = "hi66morning77" // 匹配连续的2个数字 非全局匹配 var reg = /\d{2}/ console.log(str.match(reg)[0]) // 66 // 匹配连续的2个数字 全局匹配(推荐) var reg2 = /\d{2}/g console.log(str.match(reg2)) // ["66", "77"] </script>
search():返回目标自字符串第一次出现的索引值(所以全局匹配被忽略)
<script> var str = "hi66morning77" // 匹配连续的2个数字 非全局匹配 var reg = /\d{2}/ console.log(str.search(reg)) // 2 // 匹配a,b,m中的一个 var reg2 = /[abm]/ console.log(str.search(reg2)) // 4 </script>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法