JS应用之正则表达式
定义
正则表达式是用于匹配字符串中字符组合的模式。
创建正则表达式
两种方式:
1.new RegExp()
let pattern1 = new RegExp('cat'); //第一个参数字符串
let pattern2 = new RegEXP('cat', 'ig'); //第二个参数可选模式修饰符
- i:忽略大小写
- g:全局匹配,即模式被应用于所有字符串,而非匹配到第一项时立即停止
- m:多行匹配
- y:执行“粘性”搜索,匹配从目标字符串的当前位置开始,可以使用y标志
2.字面量(以下栗子均使用字面量的方式创建正则表达式)
let pattern3 = /cat/;
let pattern4 = /cat/ig;
匹配正则表达式
1.test
在字符串中测试是否匹配的RegExp方法,它返回true或false。
let str = 'This is a cat!';
console.log(pattern4.test(str)); //true
2.exec
在字符串中执行查找匹配的RegExp方法,它返回一个数组(未匹配到则返回null)。
console.log(pattern4.exec(str)); //[cat]
3.match
在字符串中执行查找匹配的String方法,它返回一个数组或者在未匹配到时返回null。
console.log(str.match(pattern4)); //[cat]
4.replace
在字符串中执行查找匹配的String方法,并且使用替换字符串替换掉匹配到的子字符串。
console.log(str.replace(pattern4, 'dog')); //This is a dog!
5.search
在字符串中测试匹配的String方法,它返回匹配到的位置索引,或者在失败时返回-1。
console.log(str.search(pattern4)); //10
6.split
使用正则表达式或者一个固定字符串分隔一个字符串,并将分隔后的子字符串存储到数组中的String方法。
console.log(str.split(pattern4)); //["This is a ", "!"]
正则表达式语法
重复匹配(?、*、+、.、{m,n})
- .匹配除换行符外的任意字符,单个匹配
- x?匹配0个或1个x
- x*匹配0个或任意多个x
- x+匹配至少1个x
- x{m,n}匹配最少m,最多n个的x,闭区间
- (xyz){m,n}把xyz看成一个整体,匹配xyz最少m次最多n次
- chrome|firefox|ie匹配chrome或者firefox或者ie中的任意一个
let str = 'google',
str1 = 'gooooogle',
str2 = 'ggle',
pattern = /g..gle/,
pattern1 = /go*gle/,
pattern2 = /go+gle/,
pattern3 = /g.*gle/,//0个或多个的任意字符
pattern4 = /go?gle/,
pattern5 = /go{2,4}gle/,
pattern6 = /go{3}gle/,//匹配3个o->gooogle
pattern7 = /go{3,}gle/;//匹配3个或3个以上o
console.log(pattern.test(str));//true
console.log(pattern1.test(str));//true
console.log(pattern1.test(str1));//true
console.log(pattern2.test(str1));//true
console.log(pattern2.test(str2));//false
console.log(pattern3.test(str));//true
console.log(pattern3.test(str2));//true
console.log(pattern4.test(str));//false
console.log(pattern7.test(str1));//true
字符类匹配
- [a-z]*表示任意个a-z中的字符
- [A-Z]*表示任意个A-Z中的字符
- [0-9]*表示任意个0-9中的字符
- [a-zA-Z0-9]表示匹配一个以上三种情况下的任意一个字符
- [^0-9]表示非0-9的任意字符
- ^[0-9]表示以0-9为起始字符,^表示从起始位置开始匹配
- [0-9]$表示以0-9为结束字符,$表示匹配结束位置
- /d匹配数字,同[0-9]
- /D匹配非数字,同[ ^0-9]
- /w匹配字母数字及下划线_,同[a-zA-Z0-9_]
- /W匹配非字母数字及下划线_,同[^a-zA-Z0-9_]
- \b匹配单词边界
- \B匹配非单词边界
空白字符
- \0匹配null字符
- \f匹配换页字符
- \n匹配换行符
- \r匹配回车字符
- \t匹配制表符
- \s匹配空白字符、空格、制表符和换行符
- \S匹配非空白字符
贪婪模式和非贪婪模式
?紧跟在任何量词 *、 +、? 或 {} 的后面,将会使量词变为非贪婪的(匹配尽量少的字符),和缺省使用的贪婪模式(匹配尽可能多的字符)正好相反。
console.log('123abc'.match(/\d+/)); //[123]
console.log('123abc'.match(/\d+?/)); //[1]
捕获和非捕获
(x)匹配 'x' 并且记住匹配项。括号被称为 捕获括号。
console.log(/(\d+)([a-z]+)/.exec('123abc')); //[12abc, 123, abc]
console.log(/(\d+)(?:[a-z]+)/.exec('123abc')); //[123abc, 123]
正向肯定查找和正向否定查找
x(?=y)匹配'x'仅仅当'x'后面跟着'y'.这种叫做正向肯定查找。
x(?!y)匹配'x'仅仅当'x'后面不跟着'y',这个叫做正向否定查找。
console.log(/goo(?=gle)/.exec('google')); //[goo]
console.log(/goo(?=gle)/.exec('goodu')); //null
console.log(/goo(?!gle)/.exec('google')); //null
console.log(/goo(?!gle)/.exec('goodu')); //[goo]
常用的正则表达式
1.手机号(1xxxxxxxxxx):/^1[0-9]{10}$/
2.邮政编码校验:/[1-9][0-9]{5}/
3.匹配汉字:[u4e00-u9fa5]
4.简易邮箱校验:/^([a-zA-Z0-9_.-]+)@([a-zA-Z0-9_.-]+).([a-zA-Z]{2,4})$/
原文地址:https://segmentfault.com/a/1190000016879195
JS应用之正则表达式的更多相关文章
- ASP.NET开发中主要的字符验证方法-JS验证、正则表达式、验证控件、后台验证
ASP.NET开发中主要的字符验证方法-JS验证.正则表达式.验证控件.后台验证 2012年03月19日 星期一 下午 8:53 在ASP.NET开发中主要的验证方法收藏 <1>使用JS验 ...
- js如何使用正则表达式实现过滤HTML标签?(/<[^<>]+>/g)
js如何使用正则表达式实现过滤HTML标签?(/<[^<>]+>/g) 一.总结 js进阶正则表达式实现过滤HTML标签(<>标签中不能包含标签实现过滤HTML标签 ...
- JavaScript -- 时光流逝(六):js中的正则表达式 -- RegExp 对象
JavaScript -- 知识点回顾篇(六):js中的正则表达式 -- RegExp 对象 1. js正则表达式匹配字符之含义 查找以八进制数 规定的字符. 查找以十六进制数 规定 ...
- JS中应用正则表达式转换大小写
JS中应用正则表达式转换大小写,代码很简单,看代码: 以下首字母大写,其它字母小写 <script type="text/javascript"> function r ...
- js学习之正则表达式
js学习之正则表达式 正则表达式(英语:Regular Expression,在代码中常简写为regex.regexp或RE)使用单个字符串来描述.匹配一系列符合某个句法规则的字符串搜索模式 一:语法 ...
- 如何在JS中应用正则表达式
背景:在之前的随笔中写过C#中如何使用正则表达式,这篇随笔主要讲如何在js中应用正则表达式 如下代码: $("#zhengze").click(function () { var ...
- js如何使用正则表达式验证电话号码(可选区号)和邮箱?(分步骤)
js如何使用正则表达式验证电话号码(可选区号)和邮箱?(分步骤) 一.总结 js进阶正则表达式16电话号码和邮箱正则(分类解决邮箱验证)(分组加?解决电话号码区号选择问题)([\w\.-]中括号解决邮 ...
- 【JS基础】正则表达式
正则表达式的() [] {}有不同的意思. () 是为了提取匹配的字符串.表达式中有几个()就有几个相应的匹配字符串. (\s*)表示连续空格的字符串. []是定义匹配的字符范围.比如 [a-zA-Z ...
- JS中给正则表达式加变量
前不久同事询问我js里面怎么给正则中添加变量的问题,遂写篇博客记录下. 一.字面量 其实当我们定义一个字符串,一个数组,一个对象等等的时候,我们习惯用字面量来定义,例如: var s = &quo ...
- js与java正则表达式处理字符串问题
在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要.正则表达式就是用于描述这些规则的工具.换句话说,正则表达式就是记录文本规则的代码.合理使用正则表达式确实会为程序员省去很多字 ...
随机推荐
- 如何使用go打出hell word
今天给大家带来一篇如何使用go打出hell word(手动滑稽) 关于go介绍的话,我就不多说了,在百度上一搜一大堆, 要使用的软件Visual Studio Code(VScode) 下载go的地址 ...
- the little schemer 笔记(5)
第五章 “Oh My Gawd”:It's Full of Stars (rember* a l)是什么,其中a是cup,l是((coffee) cup ((tea) cup) rember*发音为r ...
- 回文树1960. Palindromes and Super Abilities
Bryce1010模板 http://acm.timus.ru/problem.aspx?space=1&num=1960 #include <bits/stdc++.h> usi ...
- 洛谷 P3400 仓鼠窝
卡常 #pragma GCC optimize(2) #include<cstdio> #include<algorithm> #include<cstring> ...
- Seek the Name, Seek the Fame POJ - 2752
Seek the Name, Seek the Fame POJ - 2752 http://972169909-qq-com.iteye.com/blog/1071548 (kmp的next的简单应 ...
- MySql数据基本操作sql语句
表字段 1>插入数据insert 如果不插入id,让id自动增加 INSERT INTO `gpw_group`(group_code, group_parent_id, group_name, ...
- python关于文件的一些记录
1.文件打开: file("data.txt")或open("data.txt")注意不要漏了文件的后缀.(不加参数时,file为你默认为'r',reading ...
- [在读]HTML5程序设计(第二版)
去年买的,看了30%不到,之后一直是搁置状态,内容还不错,确确实实纯粹讲H5的.
- web前端怎么样才能入门
web前端怎么样才能入门,首先我们要从什么是初级web前端工程师说起: 按照我的想法,我把前端工程师分为了入门.初级.中级.高级这四个级别: 入门级别指的是了解什么是前端(前端到底是什么其实很多人还是 ...
- 【学习笔记】深入理解js原型和闭包(13)——【作用域】和【上下文环境】
上文简单介绍了作用域,本文把作用域和上下文环境结合起来说一下,会理解的更深一些. 如上图,我们在上文中已经介绍了,除了全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了.而不 ...