这篇文章主要介绍了前端正则表达式书写及常用的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。

前端正则表达式书写

一.写法

写法一

/正则表达式/修饰符

修饰符

    /i (忽略大小写) /g (全文查找出现的所有匹配字符) /m (多行查找) /gi(全文查找、忽略大小写) /ig(全文查找、忽略大小写)

例子:/a/gi 查找内容中的a

不写修饰符默认只匹配一个

写法二

let a = new RegExp('/正则表达式/','修饰符')

二.常用几个方法

1.match

方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

返回的内容

["匹配到的内容", index: 3, input: "字符串对象", groups: undefined]

如果regexp修饰符为/g则返回对象为一个数组

语法:

1.stringObject.match(str)

2.stringObject.match(regexp)

拿查找字符串abc 中的a举例

'aabc' .match('a') 只匹配第一个
'aabc' .match(/a/) 只匹配第一个

2.replace

用于字符串中一些字符替换另一些字符,或替换一个与正则表达式相匹配的子串

语法:

1.stringObject.replace('查找的第一个字符串','修改后的字符串')

2.stringObject.replace(regexp(正则表达式匹配到的内容所有替换),'修改后的字符串')

3.search

他用法与match类似不过他返回的是索引

语法:

1.stringObject.match('searchvalue')

2.stringObject.match(regexp)

4.test

方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。

语法:

regexp.test(stringObject)

/a/.test('a') #返回true
/a/.test('ac') #返回true
/a/.test('c') #返回false

5.exec

方法就是用来检索字符串中正则表达式的匹配,如果匹配到了那么就返回一个存放有结果的数组,如果没有匹配到就返回一个null

regexp.exec(stringObject)

其实和match类似,不过就是填写的位置返一下

但是有一点

console.log('c'.exec('c')); #会报错
console.log('c'.match('c')); #会匹配c

总结

以上所述是小编给大家介绍的前端正则表达式书写及常用的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对爱安网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

最新资讯
家用无线局域网设备电磁辐射知多少?

家用无线局域网设备电

众所周知,电磁辐射达到一定程度是对人体有危害的。家用
中国联通李洁:5G赋能 万物皆可直播时代正到来

中国联通李洁:5G赋能

在今日的智能+学院公益直播第六期第3场上,中国联通5G创
瑞幸咖啡道歉发布道歉声明:涉事高管及员工已停职

瑞幸咖啡道歉发布道歉

涉嫌财务造假,瑞幸咖啡在官方微博发布道歉声明称涉事高
周五收盘瑞幸咖啡再跌近16%

周五收盘瑞幸咖啡再跌

周五收盘,瑞幸股价再次大跌15.94%,报5.38美元。中国证监
贝索斯捐1亿美元 用于为受疫情影响的家庭提供食物

贝索斯捐1亿美元 用于

亚马逊总裁捐1亿美元,用于为受疫情影响的家庭提供食物]
B站4月4日暂停所有直播内容 当日更新番剧延期至5日

B站4月4日暂停所有直

哔哩哔哩发布暂停直播和番剧更新的公告,以悼念抗击新冠
最新文章
js通过正则匹配没有内容的空标签

js通过正则匹配没有内

这篇文章主要介绍了js通过正则匹配没有内容的空标签,
超强变态的正则(\w)((?=\1\1\1)(\1))+讲解

超强变态的正则(\w)(

这篇文章主要介绍了超强变态的正则(\w)((?=\1\1\1
Eclipse使用正则表达式快速修改代码的方法

Eclipse使用正则表达

这篇文章主要介绍了Eclipse使用正则表达式快速修改代
通过正则表达式验证IP和端口格式的正确性

通过正则表达式验证IP

这篇文章主要介绍了正则表达式验证IP和端口格式的正确
JS正则(RegExp)判断文本框中是否包含特殊符号

JS正则(RegExp)判断文

这篇文章主要介绍了JS正则(RegExp)判断文本框中是否包
解决正则表示式匹配($regex)引起的一次mongo数据库cpu占用率高的问题

解决正则表示式匹配($

这篇文章主要介绍了由正则表示式匹配($regex)引起的一