正则表达式(简单学习)
正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则表达式”,这个“规则表达式”用来表达对字符串的一种过滤逻辑。
使用正则表达式的目的
给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”)
可以通过正则表达式,从字符串中获取我们想要的特定部分
正则表达式的特点
- 灵活性、逻辑性和功能性非常的强
- 可以训练地用极简单的方式达到字符串的复杂控制
创建正则表达式的语法
- 第一种方法
- var reg = /pattern/;
- 第二种方法
- var reg = new RegExp('pattern'); //RegExp:Regular Expression
- RegExp对象的常用方法
- exec(str):检索字符串中指定的值,返回找到的值,并确定其位置
- test(str):判断是否符合正则:正则对象.test(字符串),返回true(符合)或false(不符合)
正则表达式所支持的常用通配符
. | 可以匹配任何字符 |
\d | 匹配0-9的所有数字 |
\D | 匹配非数字 |
\s | 匹配所有空白字符,包括空格、制表符、换行符、回车符等 |
\S | 匹配所有非空白字符 |
\w | 匹配所有的单词字符,包括0-9数字,26个英文字母和下划线 |
\W | 匹配所有的非单词字符 |
\b | 匹配单词边界 |
\B | 匹配非单词边界 |
比较常用
[abc] | 查找方括号之间的任何字符,一位 |
[^abc] | 查找任何不在方括号之间的字符 |
[0-9] | 查找任何从0至9的数字 |
[a-z] | 查找任何从a到小写z的字符(小写字母) |
[A-Z] | 查找任何从A到大学Z的字符 (大写字母) |
[A-z]或[A-Za-z] | 查找任何从A到小写z的字符 (字母) |
(red|blue|green) | 查找任何指定的选项 (或者的关系,每一项的位数没有要求) |
正则表达式常用量词
n+ | 匹配任何包含至少应该n的字符串(>=1) |
n* | 匹配任何包含零个或多个n的字符串 (>=0) |
n? | 匹配任何包含零个或一个n的字符串(<=1) |
n{X} | 匹配任何X个n的序列的字符串 |
n{X,Y} | 匹配任何最少X个n最多Y个n的序列的字符串 |
n{X,} | 匹配任何包含至少X个n的序列的字符串 |
n$ | 匹配任何结尾为n的字符串 |
^n | 匹配任何开头为n的字符串 |
正则表达式修饰符
i | 执行对大小写不敏感的匹配 |
g | 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止) |
m | 执行多行匹配 |
eg:定义一个正则表达式,匹配只能是数字,至少是一位的字符串
var reg = /^[0-9]+$/;
修饰符
var reg = /^[a-z]+$/i; //忽略大小写
简单实例:
<!--正则表达式演示-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>正则表达式</title>
<script type="text/javascript">
//只能是数字,至少是一位的字符串
var reg = /^[0-9]+$/;
var v1 = "hello1";
//test(str):判断是否符合正则:正则对象.test(字符串),返回true(符合)或false(不符合)
//alert(reg.test(v1)); //false
//alert(reg.test("123")); //true
//alert(reg.test("123ab"));//false
//只能是数字,一到两位的字符串
var reg1 = /^[0-9]{1,2}$/;
alert(reg1.test("123")); //false
//字符串组成只能是数字或者字母
//一般用^和$限定开头和结尾
let reg2 = /^[A-z0-9]*$/;
</script>
</head>
<body>
</body>
</html>
正则表达式内容非常多,此处只是简单学习
- 对输入的内容判断是否符合一定规则是:可以利用正则表达式
- 利用JS,在提交前或者输入后回车时进行判断是否符合规则
- 网上有很多现有的正则表达式,可以直接使用,如:Email地址,域名,URL,手机号码,电话号码,身份证号,密码,强密码等等,直接拿来稍作修改即可使用,无需自己编写(可能写漏)。