JavaScript正则表达式


  • 能够说出正则表达式的作用
  • 能够写出简单的正则表达式
  • 能够使用正则表达式对表单进行验证
  • 能够使用正则表达式替换内容

正则表达式概述

正则表达式适用于匹配字符串中字符组合的模式。

正则表达式在JS中的使用

创建正则表达式

  1. 通过RegExp对象的构造函数来创建。

    var xxx = new RegExp(/表达式/)

  2. 利用字面量表达式

    var xxx = /123/

测试正则表达式test

test()正则表达式测试方法

var xxx = /123/;
console.log(xxx.test(123));  // true

正则表达式中的特殊字符

MDN

jQuery手册

正则表达式测试

正则表达式中不需要加引号

边界符: ^ 表示匹配行首的文本 $ 表示匹配行位的文本

字符类:[ ] 表示有一系列字符可供选择,只要匹配其中一个就可以了;a-z 表示从a到z的范围;中括号里面有 ^ 表示取反。

量词符:* 相当于 >= 0可以出现0次或者多次;+ 相当于 >= 1 可以出现1次或者多次;?相当于 1 || 0; { 3 }就是重复三次;{3, }大于等于3;{3, 16} 大于等于 3,并且小于等于16

案例:用户名验证

案例效果: link

括号总结:

  1. 大括号 量词符 里面表示重复次数
  2. 中括号 字符集合。 匹配括号内的任意字符
  3. 小括号 表示优先级

预定义类:

案例:表单验证

案例效果: link

正则表达式中的替换

/表达式/[switch]

  • g :全局匹配
  • i:忽略大小写
var str = 'andy和red';
// 字符串 替换
str.replace('andy','red');
// 正则表达式 替换
str.replace(/andy/,'red');

文章作者: linxueya
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 linxueya !
评论
  目录
喜迎
春节