正则表达式的简单使用

正则表达式的简单使用

在线测试正则

简介

正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。
正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。

正则表达式的作用

1. 给定的字符串是否符合正则表达式的过滤逻辑(匹配)
2. 可以通过正则表达式，从字符串中获取我们想要的特定部分(提取)
3. 强大的字符串替换能力(替换)

元字符

常用元字符串

元字符	说明
\d	匹配数字
\D	匹配任意非数字的字符
\w	匹配字母或数字或下划线
\W	匹配任意不是字母，数字，下划线
\s	匹配任意的空白符
\S	匹配任意不是空白符的字符
.	匹配除换行符以外的任意单个字符
^	表示匹配行首的文本(以谁开始)
$	表示匹配行尾的文本(以谁结束)

限定符

限定符	说明
*	重复零次或更多次
+	重复一次或更多次
?	重复零次或一次
{n}	重复n次
{n,}	重复n次或更多次
{n,m}	重复n到m次

其他

	说明
[]	字符串用中括号括起来，表示匹配其中的任一字符，相当于或的意思
[^]	匹配除中括号以内的内容
\	转义符
|	或者，选择两者中的一个。注意| 将左右两边分为两部分,而不管左右两边有多长多乱
()	从两个直接量中选择一个，分组 eg: gr(a|b)y匹配gray和grey
[\u4e00-\u9fa5]	匹配汉字

JS 中使用正则

标志	说明
i	忽略大小写
g	全局匹配
gi	全局匹配+忽略大小写

创建正则对象

方式1：var reg = new RegExp('\d', 'i')

var reg1 = new RegExp('ab[a-z]', 'i')
var reg2 = new RegExp('ab[a-z]')
var str = 'aBc'
var res1 = reg1.test(str)
var res2 = reg2.test(str)
console.log(res1);  // true
console.log(res2);  // false

方式2：var reg = /\d/gi

// eg: 
var reg = /ab[a-z]/i;
var str = 'aBd';
var res = reg.test(str)
console.log(res)  // ture

正则匹配test

• 手机号

  var reg = /^\d{11}$/
  

• 邮编

  var reg = /^\d{6}$/
  

• 日期

  var reg = /^\d{4}-\d{1,2}-\d{1,2}$/
  // 可简写为 var reg = /^\d{4}(-\d{1,2}){2}$/
  var str = '2020-5-21'
  var res = reg.test(str)
  console.log(res)  // true
  

• 邮箱

  • /^\w+@\w+\.\w+$/
    • xxx@163.com
  • /^\w+@\w+\.\w+(\.\w+)?$/
    • xxx@163.com
    • emailenglish@emailenglish.englishtown.com

  var reg = /^\w+@\w+\.\w+$/
  var str = 'xxx@163.com'
  var res = reg.test(str)
  console.log(res)  // true
  

• IP地址

  var reg = /^\d{3}(.\d{1,3}){3}$/
  var str = '192.168.0.111'
  var res = reg.test(str)
  console.log(res)  // true
  

• QQ

  var reg = /^\d{5,12}$/
  

• 姓名

  var reg = /^[\u4e00-\u9fa5]{2,4}$/
  

正则提取match

• 提取工资

var str = "张三：1000，李四：5000，王五：8000。";
var array = str.match(/\d+/g);
console.log(array)
// ["1000", "5000", "8000"]

• 提取email地址

var str = "cc@value.cn 223@qq.com 2、ee@ee.etown.com 123@qq.com...";
var array = str.match(/\w+@\w+\.\w+(\.\w+)?/g);
console.log(array)
// ["cc@value.cn", "223@qq.com", "ee@ee.etown.com", "123@qq.com"]

• 提取日期中的年月日

var str = '2020-5-21';
// 正则表达式中的()作为分组来使用，获取分组匹配到的结果用Regex.$1 $2 $3....来获取
var reg = /(\d{4})-(\d{1,2})-(\d{1,2})/;
if (reg.test(str)) {
  console.log(RegExp.$1, RegExp.$2, RegExp.$3)  // 2020 5 21
}

正则替换replace

• 清空所有空字符串

var str = "   aa  bb   cc  dd ";
str = str.replace(/\s/g, "");
console.log(str)	// aabbccdd

• 替换所有,|，

var str = "abc,efg,123，abc,123，a";
str = str.replace(/,|，/g, ".");
console.log(str) // abc.efg.123.abc.123.a