美文网首页
JS中的正则

JS中的正则

作者: 空压机百科 | 来源:发表于2020-02-22 16:47 被阅读0次

正则:就是一个规则,用来处理字符串的一个规则(对象数据类型)
处理:
1、匹配:判断一个字符串是否符合我们指定的规则 test()
2、捕获:把字符串中符合正则规则的内容捕获到 exec()

var str = /\d/ //包含一个0-9之间的数字
console.log(str.test("张三")) // false
console.log(str.test("张三23岁")) // true
console.log(str.exec("张三")) // null
console.log(str.exec("张三23岁")) // ["2", index: 2, input: "张三23岁"]

每一次捕获先进行默认的匹配,如果没有匹配成功捕获结果是 null
捕获的格式:
1、捕获的内容是一个数组,数组中的第一项是当前大正则捕获的内容,index 捕获的内容在字符串中开始的索引位置,input 是捕获的原始字符串

var reg = /\d+/
var str = "张三13岁读7年级"
var res = reg.exec(str)
console.log(res)  // ["13", index: 2, input: "张三13岁读7年级"]

捕获特点:
懒惰性:每一次执行 exec 只捕获第一个匹配的内容,在进行任何处理的情况下,在执行多次捕获,捕获的还是第一个匹配的内容
lastIndex:是正则每一次捕获在字符串中开始查找的位置,默认值是 0
懒惰性解决方法:在正则的末尾加一个修饰符“g”
三个修饰符:global() 全局匹配、ignoreCase() 忽略大小写匹配、multiline() 多行匹配

var reg = /\d+/g;
var str = "张三13岁读7年级"
console.log(reg.lastIndex)
console.log(reg.exec(str))  // ["13", index: 2, input: "张三13岁读7年级"]
console.log(reg.lastIndex)
console.log(reg.exec(str))  // ["9", index: 6, input: "张三13岁读7年级"]

通过正则捕获所有的内容方法:

var reg = /\d+/g
var str = "张三13岁读7年级15岁9年级毕业"
var arr = []
var res = reg.exec(str)
while(res){
   arr.push(res[0])
   res = reg.exec(str)
}
console.log(arr)

贪婪行:正则每一次捕获都是按照匹配最长结果捕获的,如上面案例中1符合正则13也符合正则。默认捕获的是13
贪婪性解决方法:在量词元字符后面添加一个 ? 即可
“?”在正则中的作用,放在一个普通元字符后面代表出现 0-1 次,放在量词元字符后面是取消捕获时的贪婪性

var reg = /\d+?/g
var str = "张三13岁读7年级15岁9年级毕业"
var arr = []
var res = reg.exec(str)
while(res){
   arr.push(res[0])
   res = reg.exec(str)
}
console.log(arr)

利用字符串中match方法可以把所有和正则匹配的字符都捕获到。但是在分组的捕获的情况下,match 只能捕获到大正则匹配的内容

var reg = /\d+?/g
var str = "张三13岁读7年级15岁9年级毕业"
var arr = str.match(reg)
console.log(arr)

创建正则:
1、字面量方式
var reg = /\d/
2、实例创建方式
var reg = new RegExp("")
区别:
1、字面方式中出现的一切都是元字符,不能进行变量值的拼接,实例创建方式是可以的
2、字面量方式中直接写 \d 就可以,实例中需要把它转义 \d

每一个正则表达式都是由元字符和修饰符组成的
元字符:在 // 之间具有意义的一些字符(元字符表

相关文章

  • 火星文RegExp

    正则基本不陌生 JS中通过RegExp来创建 正则在JS中非常的成熟 创建 可以使用perl的语法var exp...

  • JS中的正则

    什么是正则? RegExp: regular expression按照某种规则去匹配合适条件的字符串 新建正则表达...

  • JS中的正则

    正则:就是一个规则,用来处理字符串的一个规则(对象数据类型)处理:1、匹配:判断一个字符串是否符合我们指定的规则 ...

  • JavaScript的几个高级应用

    正则表达式在JS中的应用 RegExp内置对象详解 MDN-JS-RegExp 中文文档有几个正则符号需要特别注意...

  • 正则表达式笔记(1)

    正则对象(引用数据类型) 正则:是一种字符串处理规则JS中的正则,一种引用数据类型(RegExp)正则的编写方式字...

  • Js正则表达式

    一、Js正则表达式概述 正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象...

  • 正则初解

    title: js验证常用正则表达式date: 2017-03-03 验证 正则表达式 本文介绍js验证常用的正则...

  • 2018-09-15

    正则表达式的区别 JS中语法: /匹配对象的模式/

  • 正则表达式

    正则表达式介绍: //正则表达式不是js中的独有功能//其他的一些语言中也有正则的实现方式,当我们在查看关于正则的...

  • JS正则表达式的骚操作

    参考资料 《JS正则表达式的分组匹配》《正则表达式之捕获组/非捕获组介绍》《正则表达式中(?:pattern)、(...

网友评论

      本文标题:JS中的正则

      本文链接:https://www.haomeiwen.com/subject/qdhynctx.html