正则表达式（简单易懂篇）

_ipo 发布于2019-08-20 13:57 / 3173人阅读

摘要：又到了跳槽高峰期了，想跳槽的小伙伴们一定已经开始做准备工作了吧，我也不例外，哈哈哈这里花了几天复习正则表达式，写了这篇文章和大家一起回忆回忆这简单易忘的正则吧。

又到了跳槽高峰期了，想跳槽的小伙伴们一定已经开始做准备工作了吧，我也不例外，哈哈哈！
这里花了几天复习正则表达式，写了这篇文章和大家一起回忆回忆这简单易忘的正则吧。

正则表达式基本语法

一、创建JavaScript正则（RegExp）对象

1. var reg = RegExp("s");
    
2. var reg = /s/;  // 简写方式 推荐使用 不能为空 不然会以为是注释

二、预定义符

开始前先看一些符号表达的意思才好帮助你对下面的例子可以迅速的理解

s : 空格
S : 非空格
d : 数字
D : 非数字
w : 字符
W : 非字符
i : 不区分大小写
g : 全局匹配（一般正则找到第一个符合条件的就会停止，在后面加上这个符合就会告诉正则继续往下不要停）
| : 或
. : 任意字符
b : 独立的部分（起始，结束，空格）
B : 非独立的部分
n : 重复的某个子项，例如

 var reg = /(a)(b)(c)1/; //=> abca 重复了a子项

如需使用真正的符号例如“.”，只需添加即可，如.

三、常用的几个方法

1. test() => 在字符串中查找符合正则指定的内容，若找到返回true，否则返回false

    // 用法：正则.test(字符串)
    
var data = "123456789987654321";

var reg = /d/;      //  d这里代表数字

if( reg.test(str) ){  

    console.log("内容为数字");
    console.log(reg.test(str)) // 返回 true
    
}

2. match() => 在字符串中查询符合正则指定的内容，成功则返回内容（数组格式），否则返回null

// 用法：字符串.match(正则)

var data = "123456mple789Mple875654";

var reg = /mple/gi;

console.log(data.match(reg)); // mple,Mple

3. search() => 在字符串中查询符合正则指定的内容，成功找到则返回当前内容的位置从0开始（如不止一个内容符合正则条件，则返回第一个找到的位置），如果没找到则返回-1

// 用法：字符串.search(正则)

var data = "1234mple56789Mple987mple654321";

var reg = /mple/gi;

console.log(data.search(reg)); // 4

4. replace() => 在字符串中查询符合正则指定的内容，查找到则替换对应内容并返回替换后的内容

// 用法：字符串.replace(正则,新的字符串/回调函数)

var data = "啦啦啦~一大堆啦啦啦";

var reg = /啦/g;

var rep = data.replace(reg,function(data){
    
    var ne = "";
    
    for(var i=0; i
5. exec() => 查找并返回当前的匹配结果，以数组的形式返回 

//用法：正则.exec(字符串)

var data = "1234mple5678mple99876mple543Mple21";

var reg = /mple/ig;

var s = reg.exec(data)

console.log(s.index);  //4

6. split() = 正则分割字符串
7. sort():数组中的排序方法，按照ACALL码进行排序
8. join():数组中的方法，把数组转换为字符串

var data = "4445554654123156489151321456";

var arr = data.split("");
data = arr.sort().join("");
console.log(data);

四、常用量词
{n,m} : 至少出现n次，最多m次
{n,} : 至少n次
* : 任意次 相当于{0,}
？ ：零次或一次 相当于{0,1}
+ : 查找的结果至少出现一次或任意次  {1,}
{n} : 正好n次
最后来个例子理解理解，判断QQ号
HTML



正则
//先来看看我们日常登录的QQ号有哪些性质

1 首位肯定不是为0 

2 必须是5-10位的数字

var oInput = document.querySelector(".qq");
var oSub = document.querySelector(".sub");
var reg = /^[1-9]d{4,9}$/;
//为了防止最后几位数出现字母abc之类的情况，所以需要添加$进行尾数限制
//所以最后的逻辑是这样的，首位是0-9，接着是4-9位的数字类型。
oSub.onclick = function(){
    if( reg.test(oInput.value) ){
        alert("检测成功");
    }else{
        alert("账户不存在");
    }

};


正则的基本使用就介绍到这了，借鉴了这篇文章也分享给大家，希望大家有所收获
有公众号啦！！！欢迎关注，不定期推荐前端技术！！！

服务器托管云服务器正则正则表达式正则匹配正则表达式 -正则表达式正则表达式?

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81337.html

正则表达式

摘要：最全正则表达式总结验证号手机号中文邮编身份证地址等是正则表达式的缩写，作用是对字符串执行模式匹配。学习目标了解正则表达式语法在中使用正则表达式在中使 JS高级技巧本篇是看的《JS高级程序设计》第23章《高级技巧》做的读书分享。本篇按照书里的思路根据自己的理解和经验，进行扩展延伸，同时指出书里的一些问题。将会讨论安全的类型检测、惰性载入函数、冻结对象、定时器等话题。1. 安全的类型检测...

yibinnn 2019-08-21 17:57 评论0 收藏0
高性能javascript小结

摘要：高性能小结文章转载于我的博客最近看完了动物丛书的高性能，觉得那本书的小结部分写得非常不错，简洁轻快易懂概括性很强。由于局部变量存在于作用域链的起始位置，因此访问局部变量比访问跨作用域变量更快。高性能javascript小结文章转载于我的CSDN博客：http://blog.csdn.net/hello_world_20/article/details/46793317 最近看完了动...

wujl596 2019-08-21 10:44 评论0 收藏0
即将立秋的《课多周刊》(第2期)

摘要：即将立秋的课多周刊第期我们的微信公众号，更多精彩内容皆在微信公众号，欢迎关注。若有帮助，请把课多周刊推荐给你的朋友，你的支持是我们最大的动力。课多周刊机器人运营中心是如何玩转起来的分享课多周刊是如何运营并坚持下来的。即将立秋的《课多周刊》(第2期) 我们的微信公众号：fed-talk，更多精彩内容皆在微信公众号，欢迎关注。若有帮助，请把课多周刊推荐给你的朋友，你的支持是我们最大...

ruicbAndroid 2019-08-29 11:06 评论0 收藏0
即将立秋的《课多周刊》(第2期)

摘要：即将立秋的课多周刊第期我们的微信公众号，更多精彩内容皆在微信公众号，欢迎关注。若有帮助，请把课多周刊推荐给你的朋友，你的支持是我们最大的动力。课多周刊机器人运营中心是如何玩转起来的分享课多周刊是如何运营并坚持下来的。即将立秋的《课多周刊》(第2期) 我们的微信公众号：fed-talk，更多精彩内容皆在微信公众号，欢迎关注。若有帮助，请把课多周刊推荐给你的朋友，你的支持是我们最大...

MRZYD 2019-08-20 10:14 评论0 收藏0