前端学习之JavaScript 正则表达式的运用

什么是正则表达式

正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。 正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户 名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外, 正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要 的特定部分(提取)等 。 其他语言也会使用正则表达式,本阶段我们主要是利用JavaScript 正则表达式完成表单验证。

正则表达式的特点

  1. 灵活性、逻辑性和功能性非常的强。 2. 可以迅速地用极简单的方式达到字符串的复杂控制。 3. 对于刚接触的人来说,比较晦涩难懂。比如:^w+([-+.]w+)@w+([-.]w+).w+ ([-.]w+)*$ 4. 实际开发,一般都是直接复制写好的正则表达式. 但是要求会使用正则表达式并且根据 实际情况修改正则表达式.

正则表达式的创建

在 JavaScript 中,可以通过两种方式创建一个正则表达式。 方式一:通过调用RegExp对象的构造函数创建

var regexp = new RegExp(/123/); 
console.log(regexp)

方式二:利用字面量创建 正则表达式

var rg=//;

测试正则表达式

test() 正则对象方法,用于检测字符串是否符合该规则,该对象会返回 true 或 false

边界符

说明 ^ 表示匹配行首的文本(以谁开始) $ 表示匹配行尾的文本(以谁结束) 如果 ^和 $ 在一起,表示必须是精确匹配。参数是测试字符串。

方括号 表示有一系列字符可供选择,只要匹配其中一个就可以了 量词符 量词符用来设定某个模式出现的次数。

括号总结

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

预定义类

预定义类指的是某些常见模式的简写方式 如

正则替换replace

replace() 方法可以实现替换字符串操作,用来替换的参数可以是一个字符串或是一个正 则表达式。

经验分享 程序员 微信小程序 职场和发展