我们学习正则表达式的原因非常简单，目的就是能够帮助我们快速的匹配字符串。
我们可以通过下面的代码来简单的体会一下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用正则表达式的理由</title>
</head>
<body>
</body>
<script>
// 例如我们现在有这样一个需求,将一个字符串当中的数字拿出
var str = "12 ,90,abc,admin-root30369,.....";
// 创建一个空的数组
var arr = [];
var tmp = ‘‘;
// 开启循环处理数据
for(var i=0;i<str.length;i++){
// 判断字符串中的内容是否为数字
if(str.charAt(i) >= ‘0‘ && str.charAt(i) <= ‘9‘){
tmp += str.charAt(i);
}else{
if(tmp){
arr.push(tmp);
tmp = ‘‘;
}
}
}
// 打印
console.log(arr);
</script>
</html>
在看看正则的方式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通过正则取出字符串当中的数字</title>
</head>
<body>
</body>
<script>
var str = "12 ,90,abc,admin-root30369,.....";
var n = /\d+/g;
console.log(str.match(n));
</script>
</html>
emmmmmmmmmmmmmmmm，所以你说用谁嘛
<script>
// 定义一个正则表达式的三种方式:
var re1 = /abc/; // 定义正则最简单的方式,通过直接量的形式直接创建. 两个斜杠当中就是正则的内容.
var re2 = new RegExp(/abc/); // 定义正则的第二种形式,也可以变化成下面的写法
var re2_two = new RegExp("abc"); // 等同于上面的写法
var re3 = RegExp("hello"); // 使用的是转换函数创建的正则
</script>
在上面的代码中，我们通过三种形式分别创建了正则表达式，无论是从哪个方面来说，都推荐使用第一种写法。
// 使用正则： // 通过方法使用 // 正则自身的： // reg.test(str); 验证 // reg.exec(str); 查找 // 字符的方法： // str.match(reg); 查找 // str.replace(reg,newStr); 替换 // str.search(reg) 查找
// qq号:腾讯 // var str = "704206198"; // var reg = /^[1-9]\d{5,11}$/; // console.log(reg.test(str)); // 邮政编码 // var str = "152100"; // var reg = /^\d{6}$/; // console.log(reg.test(str)); // 固定电话 // var str = "0504-59271632-123"; // var str = "0504-59271632"; // var str = "59721632"; // var str = "59721632-123"; // var reg = /^(0\d{2,3}-)?[1-9]\d{6,7}(-\d{1,4})?$/; // console.log(reg.test(str)); // 复杂邮箱 // var str = "asd34_d@1000phone.com.cn"; // var reg = /^\w{1,10}@[0-9a-z]{2,10}(\.[a-z]{2,3}){1,2}$/; // console.log(reg.test(str)); // URL // var str = "https://baidu.com"; // var str = "http://www.baidu.com"; // var str = "www.baidu.com"; // var str = "mp3.baidu.com"; // var str = "baidu.com.cn"; // var reg = /^(https?:\/\/)?([0-9a-z]{1,10}\.)?[0-9a-z]{2,10}(\.[a-z]{2,3}){1,2}$/; // console.log(reg.test(str));
常规检测方式：
1.中文检测 unicode编码中文监测：/^[\u2E80-\u9FFF]+$/ 2.用户名检测 正则：/^[a-z0-9_-]{3,16}$/ 3.邮箱检测 /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ 可以多次出现 (字母数字下划线.-)@可以出现多个(数字字母.-).2到6位字母或. /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/ 可以有多个(字母数字)可有多个可无(.多个(字母数字))@可以多个(数字字母可 有1次可无(-数字字母))可以有多个(1或2个.多个字母) abc123@123abc.com 4.URL检测 /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?$/ 有1次或0次(http有1次或0次s : //) 可以多个(数字字母.-) . 2到6位(字母.) 可多个或0个 (可以多个或0个 /数字字母下划线.-) 可0或1次/ http://sh.op-ta.l.baidu.com 5.HTML标签检测 /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/ <多个(字母)可多个或0个(除了<的所有字符) /> <多个(字母)可多个或0个(除了<的所有字符)>多个任意字符 </重复第一部分的多个字母> 自定义的html标签 /<[^<>]+>/g
原文：https://www.cnblogs.com/wuziqiang/p/12076862.html