JavaScript 正则表达式

JavaScript 正则表达式

这篇正则表达式还是内容较少，需要以后添加详细的案例才能查看
案例推荐正则表达式测试

正则表达式

• 在JavaScrip中正则表达式是对象
• 可以用作验证表单 (匹配)，过滤敏感关键词 (替换)，获取想要的部分 (提取)

JavaScript 中使用正则表达式

1. 通过 RegExp 构造函数创建

   var regexp = new RegExp(/表达式/);
   

2. 通过字面量来创建

   var rg = /表达式/;
   

• 检测正则表达式是否复合规则：test() 函数，返回 true 或 false

regexpObj.test(str);

• regexpObj：正则表达式对象

• str：要测试的文本

• 测试的文本只要有这个模板，他返回的就是 true

正则表达式特殊字符

• 也叫元字符，为了匹配一些特殊的情况
• 正则表达式中 () 表示优先级
• 正则表达式中 | 表示或者

边界符

边界符	说明
^	匹配行首的文本(以谁开始)
$	匹配行尾的文本(以谁结束)

// 必须以 abc 开头的才能匹配
var reg = /^abc/;
// 必须是以 abc 结尾的才能匹配
var reg1 = /abc$/;

var reg2 = /^abc$/;
// 求下面返回的结果
reg2.test('abcabc');
// 返回 false

字符类

• 有一系列可以选择，只要匹配其中一个就可以了

// 只要有一个满足条件就可以
var rg = /[abc]/;

• 求下面的返回结果：

var rg = /^[abc]$/;

• 这个正则表达式只允许单个的 a b c 才满足

• 范围符 - 例如从 a 到 z：[a-z]

• 假如要匹配大写的和小写的一起：[a-zA-Z]

• ^在中括号里面的意思是取反：

• 例如：[^a-z] 就是不能匹配小写字母

量词符

量词符	说明
*	重复 0 次或多次
+	重复 1 次或多次
?	重复 0 次或 1 次
{n}	重复 n 次
{n,}	重复 n 次或多次
{n,m}	重复 n 次到 m 次

// a 出现 0 次或多次 (从''到'aaaa…')
var reg = /^a*$/;
// a 出现 1 次或多次
var reg = /^a+$/;
// a 出现 1 次或 0 次
var reg = /^a?$/;
-------------------
// a 重复三次才为 true
var reg = /^a{3}$/;
// a 重复大于等于三次才为 true
var reg = /^a{3,}$/;
// a 重复大于 3，小于 7 才为 true
var reg = /^a{3,7}$/

• 如果这样写的话：

var reg = /^abc{3}$/;

• 他匹配的是让 c 重复 3 次：abccc

示例：用户名的验证

• 代码示例：

var reg = /^[a-zA-Z0-9_-]{6,16}$/;

• 这个正则表达式限制了只能输入英文字母，数字，下划线，短横线，长度是6-16位
• 注意量词符里面的逗号不能有空格

预定义类

• 预定义类是把常见的格式做简化

预定义类	说明
\d	匹配 0-9 之间的任意一个数字，相当于[0-9]
\D	匹配 0-9 以外的字符，相当于[^0-9]
\w	匹配任意字母，数字和下划线
\W	除字母，数字和下划线以外的字符
\s	匹配空格(包括换行符，制表符，空格符等)
\S	匹配非空格的字符

• 匹配座机号码：

// 全国的座机号码分为两种格式：010-12345678 或者 0110-1234567
var reg = /^\d{3}-\d{8}|\d{4}-\d{7}$/;
// 或者
// var reg = /^\d{3,4}-\d{7,8}$/;
// 但是这种写法有错误，前3后7或者前4后8都可以匹配

正则表达式中的替换

• 使用 replace 方法实现替换字符串的操作
• replace 的第一个参数可以写正则表达式

var str = 'noob菜鸟小铭noob';
var str2 = str.replace(/noob/,'null');
console.log(str2);
// 输出 null菜鸟小铭noob

• 正则表达式参数：/表达式/[switch]

• switch(也叫修饰符):按照什么样的模式匹配

  • g：全局匹配
  • i：忽略大小写
  • gi：全局匹配，忽略大小写

• 例如：

var str = 'noob菜鸟小铭noob'
var str2 = str.replace(/noob/g,'null');
console.log(str2);
// 输出 null菜鸟小铭null