正则表达式小计

什么是正则表达式

正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象

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

其他语言也会使用正则表达式,我们主要是利用JavaScript正则表达式完成表单验证。

正则表达式的特点

1.灵活性、逻辑性和功能性非常的强。

2.可以迅速地用极简单的方式达到字符串的复杂控制。

3.对于刚接触的人来说，比较晦涩难懂。

4.实际开发一般都是直接复制写好的正则表达式但是要求会使用正则表达式并且根据实际情况修改正则表达式比如用户名: /^[a-z0-9_-]{3,16}$/

创建正则表达式

通过调用 RegExp 对象的构造函数创建 

var 变量名 = new RegExp(/表达式/) 

通过字面量创建

var 变量名 = /表达式/

测试正则表达式

regexObj.test(str)

regexObj 是写的正则表达式

str 是要测试的文本

返回的是 布尔值

符号解释

边界符 用来提示字符所处的位置

量词符 设定某个模式出现的次数

括号总结

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

正则表达式参数

/表达式/[switch]

switch(修饰符)按照什么样的模式来匹配，有三种值：

g:全局匹配

i:忽略大小写

gi: 全局匹配+忽略大小写

小练习

let userName = /^[a-zA-Z0-9-_]{6,16}$/

可以由大写字母、小写字母、数字和下划线组成、长度6-16位

replace 替换

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

stringObject.replace(regexp/substr,replacement)

regexp/substr ： 被替换的字符串或者正则表达式

replacement ： 替换为的字符串

返回值是一个替换完毕的新直播课

下面是一个小案例 文本框提交按钮 和谐一些词汇 

  let textarea = document.querySelector('textarea'),
  btn = document.querySelector('button'),div = document.querySelector('div');
  btn.addEventListener('click',function () {
      let data = textarea.value.trim()
      if (data == ''){
        alert('输入不能为空')
      }else {
        div.innerHTML = data.replace(/激情|负能量|骂人/g,'**')
      }
  })
 
 
let str = '春娇和志明'
console.log(str);
let  str2 = str.replace('志明','潘周聃')
console.log(str2);
 
let str3 = str2.replace(/春娇/g,'霍元甲')
console.log(str3);

一些常用的正则：

手机号码、短信验证吗、密码、真实姓名、身份证号、公司名、地区

		regExp(iphone,/^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/)
		regExp(message,/\d{6}/)
		regExp(password,/^[a-zA-Z0-9-_]{6,16}$/)
		regExp(name,/^[\u4E00-\u9FA5A-Za-z0-9_]{2,4}$/)
		regExp(idCard, /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/)
		regExp(company,/^[\u4e00-\u9fa5]{4,16}$/)
		regExp(region,/^[\u4e00-\u9fa5]{3,8}$/)