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

总结

以上所述是小编给大家介绍的前端正则表达式书写及常用的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对微学网网站的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

这就是微学网-程序员之家为你提供的"前端正则表达式书写及常用的方法"希望对你有所帮助.本文来自网络,转载请注明出处:http://www.weixuecn.cn/article/12122.html

html正则表达式的书写,前端正则表达式书写及常用的方法相关推荐

  1. 2020使用html、js、正则表达式做一个前端注册表单信息验证

    使用html.js.正则表达式做一个前端注册表单信息验证 小小前端练手项目,主要运用正则表达式对用户名.密码.确认密码.电子邮箱.手机号码.生日.身份证号码的验证 1.用户名不正确(需由由英文字母和数 ...

  2. java如何使用正则表达式替换所有前端标签

    Java使用正则表达式替换所有前端标签的方法如下: 首先,要使用正则表达式替换字符串,需要使用Java的java.util.regex包. 然后,需要创建一个Pattern对象,该对象表示要匹配的正则 ...

  3. WEB前端代码书写规范

    WEB前端代码书写规范 1. 命名规范 a.ClassName命名 ClassName的命名应该尽量精短.明确,必须以单页面字母开头命名,且全部字母为小写,单词之间统一使用下划线 "_&qu ...

  4. java linux runtime 正则表达式_Java学习之正则表达式

    Java正则表达式字符串模式. 正则表达式可以用来搜索.编辑和处理文本. 正则表达式不尽限于一种语言,但在每一种语言中又细微的差别. java.util.regex包中主要有这3个类: Pattern ...

  5. 【超详总结/理解:正则表达式】特点/元字符/正则表达式中的标志位-flag/RegExp/重复操作与后向引用/匹配模式/表达邮箱/正则表达式对象的方法/利用正则表达式限制网页表单里的文本框输入内容

    文章目录 正则表达式: 正则表达式的用途 正则表达式的组成-元字符 正则表达式的特点 正则表达式中的标志位-flag JavaScript中的正则表达式解析 RegExp 定义 RegExp RegE ...

  6. Python正则表达式: 元字符/转义/分组/匹配原则/re模块属性方法大全

    正则表达式 动机 文本处理已经成为计算机常见工作之一 对文本内容的搜索,定位,提取是逻辑比较复杂的工作 为了快速方便的解决上述问题,产生了正则表达式技术 简介 定义 即文本的高级匹配模式,提供搜索,替 ...

  7. php正则表达式非贪婪,php正则表达式中的非贪婪模式匹配

    php正则表达式中的非贪婪模式匹配 一般情况下,正则表达式的匹配是贪婪模式的,比如下面这个例子: 字符串:....src="http://www.bloghome.cn/1.mp3" ...

  8. 书写一个管理平台开发常用的通用table组件

    来现在这公司一年了,一年时间里经手做的项目有六七个,不过呢大部分都是一些管理平台的功能,而管理平台做的最多的就是各种表格的展示了,所以在开发过程中,为了提高开发效率,封装一些通用的功能组件是十分有必要 ...

  9. 正则表达式中grep,sed的用法(包括基本的正则表达式和扩展的正则表达式)

    一 正则表达式   Basic REGEXP:基本正则表达式 Extended REGEXP:扩展正则表达式 (正则表达式是使得计算机变成智能化的重要途径) 1.1 基本正则表达式 . : 表示匹配任 ...

最新文章

  1. android版本号和对应的API等级
  2. TouTiao开源项目 分析笔记9 实现一个问答主页面
  3. 组合数(Combinatorial_Number)
  4. 转 carrer 之感
  5. IAR需要注意的地方
  6. 机器视觉---九点标定
  7. 2.9 bitset
  8. 什么是Docker?看这一篇文章就够了
  9. 吴恩达神经网络和深度学习-学习笔记-35-残差网络(Residual Network)
  10. sql 查询id 逗号拼接_sql查询列进行STUFF()拼接 单引号 逗号_xml path excel
  11. VUE项目导入bootstrap
  12. pgAdmin4 CentOS7部署
  13. volte的sip信令流程_VoLTE主叫信令流程详解(有抓包截图详细介绍)
  14. Chrome OS上的Android系统
  15. uniapp H5端与APP端压缩图片
  16. 【项目实战】Python基于Django框架实现校园网上一站式购物系统
  17. [前端]-- jquery学习1
  18. AutoCAD .NET 二次开发实例:批量文本查找替换
  19. Python使用正则表达式爬取网站图片信息
  20. {2018.4.12}荀(gou)彧(huo)同学的第一次考试小总结

热门文章

  1. Instagram视频上传延迟优化
  2. C/C++学习之路: 多态
  3. OCP大会 | 腾讯云Open DCN Networking(附PDF)
  4. Nginx模块学习之————accesskey权限模块使用(简单的m3u8防盗链)
  5. centos6.5 Building the main Guest Additions module
  6. 子网划分详解与子网划分实例
  7. 微信PaxosStore:深入浅出Paxos算法协议
  8. win下安装elasticsearch(win_Elasticsearch)
  9. win_redis【win下安装使用redis】
  10. 【GitHub教程】如何使用Eclipse将本地项目上传到github