前端正则表达式书写及常用的方法

 更新时间:2019年09月17日 11:00:19   作者:小小咸鱼YwY   我要评论
这篇文章主要介绍了前端正则表达式书写及常用的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

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

总结

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

相关文章

  • 看到一个JS正则的题

    看到一个JS正则的题

    看到一个JS正则的题...
    2007-01-01
  • 正则表达式详述 四

    正则表达式详述 四

    正则表达式详述 四...
    2007-04-04
  • ASP正则函数替换分页后的参数

    ASP正则函数替换分页后的参数

    在分页系统里面用到的把page后面得东西都给丢掉
    2008-07-07
  • PHP 正则表达式效率 贪婪、非贪婪与回溯分析(推荐)

    PHP 正则表达式效率 贪婪、非贪婪与回溯分析(推荐)

    先扫盲一下什么是正则表达式的贪婪,什么是非贪婪?或者说什么是匹配优先量词,什么是忽略优先量词,好吧,下面通过实例给大家介绍下PHP 正则表达式效率 贪婪、非贪婪与回溯分析,一起看看吧
    2016-12-12
  • javascript RegExp对象(正则表达式)

    javascript RegExp对象(正则表达式)

    JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能,每一条正则表达式模式对应一个RegExp实例。有两种方式可以创建RegExp对象的实例。
    2009-05-05
  • 深入理解正则表达式语法知识

    深入理解正则表达式语法知识

    这篇文章主要介绍了正则表达式语法知识的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • 正则表达式惰性匹配模式(?)

    正则表达式惰性匹配模式(?)

    在贪婪匹配模式一章节已经说过人性是贪婪的,希望获得更多的金钱、地位甚至美女,但是也有很多清心寡欲的人,只要满足基本的生活需求就可以了,在正则表达式中也有这样的匹配原则,下面就进行一下介绍
    2016-12-12
  • 超全的js正则表达式整理笔记

    超全的js正则表达式整理笔记

    这篇文章为大家分享了一篇超全的javascript正则表达式整理笔记,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 学习正则!超基础简单例子

    学习正则!超基础简单例子

    我一直都觉得正则表达式只要在要用的时候翻一下百度就Ok了,然后今天写php的时候发现,原来我正则完全一点都不懂
    2012-09-09
  • 实例代码详解正则表达式匹配换行

    实例代码详解正则表达式匹配换行

    在javascript中,使用正则表达式匹配换行可能会遇到各种问题,下面就通过实例介绍一下如何实现此功能,对正则表达式匹配换行相关知识感兴趣的朋友一起学习吧
    2015-12-12

最新评论