开发者社区> 欧阳呀> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

js正则表达式系统讲解(全面的总结)

简介: 笔记
+关注继续查看

1.声明与使用


  • 通过构造函数定义(一般不这么干)
let 变量名= new RegExp(/表达式/);
  • 字面量直接定义(一般这么干)
let 变量名= /表达式/;
  • 常用方法(一般用于检测传入的字符串是否符合该规则并返回布尔值)
exp.test("要检测的字符串")


2.预定义类与转义符


. [^\n\r] 除了换行和回车之外的任意字符

\d [0-9] 数字字符digit

\D [^0-9] 非数字字符

\w [a-zA-Z0-9_] 单词字符(所有的英文字母数字和_) word

\W [^a-zA-Z0-9_] 非单词字符

\s [\f\r\n\t\v] 不可见字符 space

\S [^\f\r\n\t\v] 可见字符

\f 表示换页 form feed

\t 表示水平制表符 table


\v 表示垂直制表符 vertical table

31.png

\r,\n,\r\n的区别(顺便科普一下)

在万恶的旧社会,打字机换行(\n newline)之后只会下移一行,需要回到一行的开头(\r return)才能继续打字

老式的操作系统也继承了打字机的这一特性,但用户换行之后一般都是要回到开头的,因此新式的操作系统为了方便将键盘上的Enter键的含义修改为\r\n或者直接将\n的含义改为“移动到下一行的开头”。

| 表示或 或的优先级最低 可以通过()提升优先级


3. 字符类


简单类[abc] 表示该位置可以出现的字符

负向类[^abc] 表示该位置不可以出现的字符

范围类[a-e] 表示该位置可以出现的字符的范围

组合类[a-xA-E0-9] 范围类的组合


4. 边界,量词,括号


^ 会匹配行或者字符串的起始位置

^只有在[]内才表示非 在外边表示开始

$ 会匹配行或字符串的结尾位置

^$在一起 表示必须是这个(精确匹配)

“*” 重复零次或更多 x>=0

“+” 重复一次或更多次 x>=1

“?” 重复零次或一次 x=(0||1)

{n} n次 x=n

{n,} 重复n次或更多 x>=n

{n,m} 重复出现的次数比n多但比m少 n<=x<=m

()表示一组

[]表示一个字符的位置

{}表示次数


5. 项目中常用到的匹配(CV工程师必备)


// 1. 匹配国内电话号码
let tel = /^0\d{2,3}-\d{7,8}$/

// 2. 匹配姓名
let name = /^[\u4e00-\u9fa5]{2,}$/

// 3.匹配腾讯QQ号
let qq = /^[1-9]\d{4,10}$/

// 4. 匹配手机号
let phone = /^(13[0-9]|14[57]|15[0-9]|18[0-9])\d{8}$/

// 5.匹配邮箱
let emai = /^\w+([+-.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/

// 6. 验证中文
let regex = /^[\u0391-\uFFE5]+$/;

// 7. 验证身份证
let idCrad = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/;

// 8. 验证整数
let number = /^[-+]?\d*$/;

// 9. 验证日期格式是否为YYYY-MM-DD hh:mm:ss格式
let date = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;

// 10. 验证输入的字符是否是英文字母
let en = /^[a-zA-Z]+$/

// 11. 百度网盘链接匹配
// 支持两种百度分享的两种链接格式
// 格式一:链接: https://pan.baidu.com/s/15gzY8h3SEzVCfGV1xfkJ 提取码: vsuw 复制这段内容后打开百度网盘手机App,操作更方便哦
// 格式二:http://pan.baidu.com/share/link?shareid=179436&uk=32720556 提取码: vsuw 复制这段内容后打开百度网盘手机App,操作更方便哦

let reg = /([http|https]*?:\/\/pan\.baidu\.com\/[(?:s\/){0,1}|(share)]*(?:[0-9a-zA-Z?=&])+)(?:.+:(?:\s)*)?([a-zA-Z]{4})?/;

// 12. 是否带有小数
let  objRegExp= /^\d+\.\d+$/;

// 13. 校验是否全由8位数字组成
let reg = /^[0-9]{8}$/



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JavaScript表单验证【正则表达式RegExp】
JavaScript表单验证【正则表达式RegExp】
0 0
js正则表达式
js正则表达式
0 0
一文让你彻底搞懂js正则表达式
一文让你彻底搞懂js正则表达式
0 0
JavaScript 进阶第十一章(正则表达式)(完结)
JavaScript 进阶第十一章(正则表达式)(完结)
0 0
js之正则表达式
js之正则表达式
0 0
js内置对象:Array对象、Date对象、正则表达式对象、string对象
js内置对象:Array对象、Date对象、正则表达式对象、string对象
0 0
js:RegExp正则表达式匹配任意字符(包括换行符)
js:RegExp正则表达式匹配任意字符(包括换行符)
0 0
js正则表达式
js正则表达式
0 0
js正则表达式
js正则表达式
0 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JS 语言在引擎级别的执行过程
立即下载
Python第五讲——关于爬虫如何做js逆向的思路
立即下载
编程语言如何演化—— 以 JS 的 private 为例
立即下载