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

正则表达式(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

总结

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

最新资讯
特斯拉:将自主研发新电池 预计4月正式宣布

特斯拉:将自主研发新电

特斯拉相关人士表示,特斯拉将自主研发新电池,预计会在4
苹果春季发布会或3月底举办:预计发布多款硬件新品

苹果春季发布会或3月

来自iPhone-ticker.de网站的消息称,苹果计划在今年3月3
微博将于2月26日发布2019年第四季度及全年财报

微博将于2月26日发布2

微博公司 定于美国东部时间2020年2月26日美国股市开盘
捐赠100万元后 得物App将1万件隔离衣等物资送往湖北

捐赠100万元后 得物Ap

得物App(原毒App)捐赠的第二批医疗物资近日发往武汉,包括
苹果美股盘前跌超4% 3月季度营收目标将无法实现

苹果美股盘前跌超4% 3

苹果美股盘前跌超4%。此前苹果对外宣布,受疫情影响,全球
棋(ma)牌(jiang)、换装类游戏春节增长最快,字节跳动成搅局者

棋(ma)牌(jiang)、换装类游戏春节

2020年春节期间下载量TOP10游戏中有3款来自字节跳动。
最新文章
Eclipse使用正则表达式快速修改代码的方法

Eclipse使用正则表达

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

通过正则表达式验证IP

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

JS正则(RegExp)判断文

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

解决正则表示式匹配($

这篇文章主要介绍了由正则表示式匹配($regex)引起的一
pycharm使用正则表达式批量添加print括号完美从python2迁移到python3

pycharm使用正则表达

这篇文章主要介绍了pycharm中使用正则表达式批量添加p
2019年前端必用js正则(小结)

2019年前端必用js正则

这篇文章主要介绍了2019年前端必用js正则,文中通过示例
炸金花 传奇私服 江西快3 炸金花