几个简单的js正则表达式基础用法

  说到正则表达式，相信大家都不陌生，在平常的编程开发中，我们常常可以用它进行字符串匹配查找、替换等操作。那么废话不多说，这就开始进入正题把：

什么是正则表达式

正则表达式，又称为规则表达式。说白了就是一种规则，用这种规则来匹配或替换字符串中的内容。

正则表达式的语法

具体可点此参考链接  正则表达式

几个正则表达式的基础用法

那么正则表达式在平常的开发中有哪些应用呢，我们可以用在提交表单的时候，比如注册用户名、密码、邮箱的时候在前端直接做简单的检验并进行友好的提示，相比提交表单之后，后端返回错误信息；这样可以在前端进行简单的过滤检验，也能及时地反馈给用户，极大地提高了速度和用户体验。

// 校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 
function isUserName(str) {
    return /^[a-zA-Z]{1}([a-zA-Z0-9]|[_.]){4,19}$/.test(str)
}

// 校验密码：只能输入6-20个字母、数字、下划线
function isPassword (str) {
    return /^\w{6,20}$/.test(str) // 或者 /^[a-zA-Z0-9_]{6,20}/
}

// 校验邮箱
function isEmail (str) {
    return /^\w+@[a-zA-Z0-9]{2,11}.[a-z]{2,4}$/.test(str)
}

// 手机号
function isMobileNum (str) {
    // 电话则为 /^0\d{2,3}-\d{7,8})$/
    // 手机号为 /^1[34578]\d{9}$/
    return /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/.test(str)
}

其他小用法

如，匹配连续相同的3个及以上数字或字母

// 匹配连续相同的3个及以上数字或字母
function isSuccessive (str) {
    return /([0-9a-zA-Z])\1{2,}/.test(str)
}

那么我也留个小问题给大家，如果要匹配连续3个连续的字母或数字(可以用于密码校验，不能存在abc,123等类似的连续简单字符用)，有没有正则的写法呢

这里我提供了一种思路，不过不是正则表达式的写法：先将每个字符转换为对应的ASCII码，再进行连续两个的比较,代码如下

// 匹配连续3个相同或相邻的数字或字母 charCodeAt()
function isSuccessive (str) {
  var len = str.length
  for (let i = 0; i < len - 2; i++) {
    const i1 = str.charCodeAt(i)
    const i2 = str.charCodeAt(i + 1)
    const i3 = str.charCodeAt(i + 2)
    if ((i1 + 2 === i2 + 1 && i2 + 1 === i3) || (i1 === i2 && i2 === i3)) {
      return true
    }
  }
  return false
}

总之正则表达式还是值得好好学的，也蛮好玩的。欢迎大家积极留言和提供建议，谢谢。