JS正则表达式详解
RegExp是JS的正则表达式对象,实例化一个RegExp对象有 字面量 和 构造函数 2种方式。 字面量实例化RegExp对象 var reg=/js/gi; 开始和结束的斜线/是正则表达式的边界,//中间的文本是正则表达式文本,后面的gi是正则表达式的修饰符。 构造函数实例化RegExp对象 var reg=new Regex(‘js’,’gi’); 第一个参数是正则表达式文本,第二个参数是正则表达式修饰符。 global:RegExp 对象是否具有标志 g。 ignoreCase:RegExp 对象是否具有标志 i。 lastIndex:一个整数,标示开始下一次匹配的字符位置。 multiline:RegExp 对象是否具有标志 m。 source:正则表达式的源文本。 RegExp 对象有 3 个方法:test()、exec() 以及 compile()。 test() test() 方法检索字符串中的指定值。返回值是 true 或 false。 示例: var reg=/js/gi; var result=reg.test(‘I like js’); 结果:true exec() exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。 示例: var reg=/js/gi; var result=reg.exec(‘I like JS’); 结果:JS compile() compile() 方法用于改变 RegExp。 compile() 既可以改变检索模式,也可以添加或删除第二个参数。 g:global全文搜索,如果不添加此参数,搜索到第一个匹配就会停止 i:ignore case 不区分大小写,默认是区分大小写的 m:multiple lines 多行搜索,默认只搜索第一行 正则表达式文本部分包含 原义文本字符 和 元字符, 其中的原义文本字符代表字符本身意义的字符,如abc123之类的字符。 元字符代表有特殊含义非字母字符,如\b、\w、\d、+、*、? 等。 常用的元字符 更多的JS正则元字符请参考: http://www.runoob.com/regexp/regexp-metachar.html 一般情况下正则表达式中的一个字符对应字符串中的一个字符,如表达式ab的含义是ab。 表达式中用 [] 来定义一个字符类,表示可以匹配[]里面的这类字符,是一个泛指,而不是一一对应的关系。 如表达式[abc123],表示有其中一个字符串都可以匹配。 在字符类里面使用横线-连接2个数字或者字母就可以构建一个范围类,如[a-zA-z0-9-]表示可以匹配26个大小写字母和0-9的全部数字以及横线-。 注意,要匹配横线”-“,必须把横线放在最后面。 预定义类可以理解为JS默认给我们写好的范围类,让我们可以使用一个简单的元字符来使用它。如”\w”就是一个预定义类,它等价于范围类[A-Za-z0-9_];“.”可以匹配除 “\n” 之外的任何单个字符。 边界包含2种,一种是以字符串开始或结尾的边界,另一种是单词边界 量词表示可以匹配连续多次的元字符 JS正则表达式默认是贪婪模式匹配,它会以最多匹配原则进行查找,非贪婪模式可以让表达式以最少匹配原则进行查找。 非贪婪模式只需要在量词后面加上”?”即可,如”123456789″字符串想以3个数字为一组进行匹配表达式写法/\d{3,5}?/g。 表达式中用 () 来定义一个分组,使元字符可以作用于一个表达式字符串组合,如/(js|php){3}/gi。 表达式中的每一个分组匹配的内容都是一个可以捕获的变量,可以使用$1、$2、$3… 来取值,如表达式/(\d{4})-(\d{2})-(\d{2})/中包含$1、$2、$3。如果想忽略分组匹配的内容,需要在分组前面增加“?:”,就可以得到分组匹配之外的内容。 前瞻就是正则表达式后面加上断言部分,它不但要匹配表达式部分,还需要满足断言部分,匹配的结果不会包含断言部分。 正向前瞻 exp(?=assert) 如 “\w(?=\d)” 负向前瞻 exp(?!assert) 如 “\w(?!\d)” match() stringObject.match(regexp) match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。 如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。 如果没有找到任何匹配的文本, match() 将返回 null。 否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。 search() stringObject.search(regexp) search() 方法不执行全局匹配,它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性,并且总是从字符串的开始进行检索,这意味着它总是返回 stringObject 的第一个匹配的位置。 replace() stringObject.replace(regexp/substr,replacement) 字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。 replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。 split() stringObject.split(separator,howmany) 如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本) 正则表达式语法语意测试工具: https://regexper.com/
js常用正则表达式有哪些
用户名正则//用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("iFat3"));密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;//输出 trueconsole.log("=="+pPattern.test("iFat3#"));整数正则//正整数正则var posPattern = /^\d+$/;//负整数正则var negPattern = /^-\d+$/;//整数正则var intPattern = /^-?\d+$/;//输出 trueconsole.log(posPattern.test("42"));//输出 trueconsole.log(negPattern.test("-42"));//输出 trueconsole.log(intPattern.test("-42"));数字正则可以是整数也可以是浮点数//正数正则var posPattern = /^\d*\.?\d+$/;//负数正则var negPattern = /^-\d*\.?\d+$/;//数字正则var numPattern = /^-?\d*\.?\d+$/;console.log(posPattern.test("42.2"));console.log(negPattern.test("-42.2"));console.log(numPattern.test("-42.2"));Email正则//Email正则var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;//输出 trueconsole.log(ePattern.test("65974040@qq.com"));手机号码正则//手机号正则var mPattern = /^[1][3][0-9]{9}$/;//输出 trueconsole.log(mPattern.test("13900000000"));身份证号正则//身份证号(18位)正则var cP = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;//输出 trueconsole.log(cP.test("11010519880605371X"));URL正则//URL正则var urlP= /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;//输出 trueconsole.log(urlP.test("http://42du.cn"));IPv4地址正则//ipv4地址正则var ipP = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;//输出 trueconsole.log(ipP.test("115.28.47.26"));十六进制颜色正则//RGB Hex颜色正则var cPattern = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;//输出 trueconsole.log(cPattern.test("#b8b8b8"));日期正则//日期正则,简单判定,未做月份及日期的判定var dP1 = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/;//输出 trueconsole.log(dP1.test("2017-05-11"));//输出 trueconsole.log(dP1.test("2017-15-11"));//日期正则,复杂判定var dP2 = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;//输出 trueconsole.log(dP2.test("2017-02-11"));//输出 falseconsole.log(dP2.test("2017-15-11"));//输出 falseconsole.log(dP2.test("2017-02-29"));QQ号码正则//QQ号正则,5至11位var qqPattern = /^[1-9][0-9]{4,10}$/;//输出 trueconsole.log(qqPattern.test("65974040"));微信号正则//微信号正则,6至20位,以字母开头,字母,数字,减号,下划线var wxPattern = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;//输出 trueconsole.log(wxPattern.test("RuilongMao"));车牌号正则//车牌号正则var cPattern = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;//输出 trueconsole.log(cPattern.test("京K39006"));包含中文正则//包含中文正则var cnPattern = /[\u4E00-\u9FA5]/;//输出 trueconsole.log(cnPattern.test("42度"));按 Ctrl+C 按 Ctrl+C Regex_Phones: /^[0-9],$/, // 数字和逗号Regex_Ident: /^([a-zA-Z0-9]){1,50}$/, //英文、数字且不能包含英文标点和特殊符号(渠道标识)Regex_IdentName: /^([\u2E80-\u9FFF]|[a-zA-Z0-9]){1,50}$/, //中文、英文、数字且不能包含英文标点和特殊符号(渠道名称)Regex_MondyNum: /^\d+(\.\d{1,2})?$/, //金额,允许两位小数Regex_MondyCh: /^[\u4e00-\u9fa5]+$/, //只能为中文Regex_PhoneNum: /(^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$)|(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9}$)/, //电话号码和手机Regex_ZNum: /^[1-9]\d*$/ //正整数Regex_Name: /^[a-zA-Z][a-zA-Z0-9_@]{0,30}$/, // 用户名Regex_NickName: /^[\u4E00-\u9FA5A-Za-z0-9_\-]+$/, // 中文/英文/数字, (昵称、组名、朋友备注名、内容名称、书名、页名) Regex_Passport: /^1[45][0-9]{7}$|G[0-9]{8}$|P\.[0-9]{7}$|S[0-9]{7,8}$|D[0-9]{7,8}$/, // 护照Regex_BizLience: /^([0-9a-zA-Z]{18}$|\d{15}$)/, // 营业执照,三证合一的是18位Regex_isExitZh:/[\u4E00-\u9FA5\uF900-\uFA2D]/, // 验证是否存在中文Regex_price:/^\d+(\.\d{1,2})?$/ // 数字 . 最多两位有效数字Regex_EnghlishNum:/^(?=.*\d)(?=.*[a-z])[a-zA-Z\d]{6,20}$/ //6至20位英文和数字组合Regex_Phone: /^0?(13[0-9]|15[012356789]|18[0-9]|14[57])[0-9]{8}$/, // 手机号Regex_Mobile: /^0?(13[0-9]|15[012356789]|18[0-9]|14[57])[0-9]{8}$/, // 手机号Regex_Card: /\\d{14}[[0-9],0-9xX]/, // 身份证号 Regex_Email: /^[a-zA-Z0-9]+([._\\-]*[a-zA-Z0-9])*@([a-zA-Z0-9]+[-a-zA-Z0-9]*[a-zA-Z0-9]+.){1,63}[a-zA-Z0-9]+$/, // 邮箱Regex_RealName: /^[a-zA-Z\u4e00-\u9fa5]{0,}$/, // 真实姓名、朋友昵称、朋友全称、组名称、组标签Regex_text: /^[\u4e00-\u9fa5]{0,}$/, // 地区 、省份、城市
JS正则表达式完整教程10
亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣。想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准。关于正则表达式的教程,网上也有很多,相信你也看了一些。与之不同的是,本文的目的是希望所有认真读完的童鞋们,都有实质性的提高。本文内容共有七章,用JavaScript语言完整地讨论了正则表达式的方方面面。如果觉得文章某块儿没有说明白清楚,欢迎留言,能力范围之内,老姚必做详细解答。构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与运算符可以将小的表达式结合在一起来创建更大的表达式。正则表达式的组件可以是单个的字符、字符集合、字符范围、字符间的选择或者所有这些组件的任意组合。正则表达式是由普通字符(例如字符 a 到 z)以及特殊字符(称为"元字符")组成的文字模式。模式描述在搜索文本时要匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。
JS正则表达式完整教程23
亲爱的读者朋友,如果你点开了这篇文章,说明你对正则很感兴趣。想必你也了解正则的重要性,在我看来正则表达式是衡量程序员水平的一个侧面标准。关于正则表达式的教程,网上也有很多,相信你也看了一些。与之不同的是,本文的目的是希望所有认真读完的童鞋们,都有实质性的提高。本文内容共有七章,用JavaScript语言完整地讨论了正则表达式的方方面面。如果觉得文章某块儿没有说明白清楚,欢迎留言,能力范围之内,老姚必做详细解答。构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与运算符可以将小的表达式结合在一起来创建更大的表达式。正则表达式的组件可以是单个的字符、字符集合、字符范围、字符间的选择或者所有这些组件的任意组合。正则表达式是由普通字符(例如字符 a 到 z)以及特殊字符(称为"元字符")组成的文字模式。模式描述在搜索文本时要匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。
js 正则表达式是什么?
在JavaScript中,正则表达式通常用于两个字符串方法:search()和replace()。search()方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。replace()方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。正则表达式的特点是:1、灵活性、逻辑性和功能性非常强;2、可以迅速地用极简单的方式达到字符串的复杂控制。3、对于刚接触的人来说,比较晦涩难懂。由于正则表达式主要应用对象是文本,因此它在各种文本编辑器场合都有应用,小到著名编辑器EditPlus,大到Microsoft Word、Visual Studio等大型编辑器,都可以使用正则表达式来处理文本内容。