• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >正则表达式 > 正则表达式(简单易懂篇)

正则表达式(简单易懂篇)

作者:阁主乄 字体:[增加 减小] 来源:互联网 时间:2017-05-11

阁主乄通过本文主要向大家介绍了简单的正则表达式,正则表达式,正则表达式语法,正则表达式测试工具,在线正则表达式等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

 什么是正则表达式:

简单的说,正则表达式是一种可以用于模式匹配和替换的强大工具。在几乎所有的基于UNIX/LINUX系统的软件工具中找到正则表达式的痕迹,例如:Perl或PHP脚本语言。此外,JavaScript这种客户端的脚本语言也提供了对正则表达式的支持,现在正则表达式已经成为了一个通用的概念和工具,被各类技术人员所广泛使用。

正则表达式基本语法

一、创建JavaScript正则(RegExp)对象

var reg = RegExp('s');
var reg = /s/; // 简写方式 推荐使用 不能为空 不然会以为是注释
</div>

二、预定义符

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

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

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

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

三、常用的几个方法

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

 // 用法:正则.test(字符串)
var data = '123456789987654321';
var reg = /\d/; // \d这里代表数字
if( reg.test(str) ){ 
 console.log('内容为数字');
 console.log(reg.test(str)) // 返回 true
}
</div>

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

// 用法:字符串.match(正则)
var data = '123456mple789Mple875654';
var reg = /mple/gi;
console.log(data.match(reg)); // mple,Mple
</div>

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

// 用法:字符串.search(正则)
var data = '1234mple56789Mple987mple654321';
var reg = /mple/gi;
console.log(data.search(reg)); // 4
</div>

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

// 用法:字符串.replace(正则,新的字符串/回调函数)
var data = '啦啦啦~一大堆啦啦啦';
var reg = /啦/g;
var rep = data.replace(reg,function(data){
 var ne = '';
 for(var i=0; i<data.length; i++){
 ne += '*';
 }
 return ne;
});
console.log(rep);
</div>

5. exec() => 查找并返回当前的匹配结果,以数组的形式返回

//用法:正则.exec(字符串)
var data = "1234mple5678mple99876mple543Mple21";
var reg = /mple/ig;
var s = reg.exec(data)
console.log(s.index); //4
</div>

6. split() = 正则分割字符串

7. sort():数组中的排序方法,按照ACALL码进行排序

8. join():数组中的方法,把数组转换为字符串

var data = '4445554654123156489151321456';
var arr = data.split('');
data = arr.sort().join('');
console.log(data);
</div>

四、常用量词

{n,m} : 至少出现n次,最多m次

{n,} : 至少n次

* : 任意次 相当于{0,}

? :零次或一次 相当于{0,1}

+ : 查找的结果至少出现一次或任意次 {1,}

{n} : 正好n次

最后来个例子理解理解,判断QQ号

HTML

<input class="qq" type="text" placeholder="请输入QQ号">
<button type="button" class="sub">检测</button>
</div>

正则

//先来看看我们日常登录的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('账户不存在');
 }
};
</div>

以上所述是小编给大家介绍的正则表达式(简单易懂篇),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 正则表达式(简单易懂篇)
  • 求个简单正则

相关文章

  • 2017-05-11正则表达式教程之匹配一组字符详解
  • 2017-05-11正则表达式断言、巡视(Assertions)、正向断言、反向断言介绍
  • 2017-05-11一个容易犯错的js手机号码验证正则表达式(推荐)
  • 2017-05-11C# 正则表达式经典分类整理集合手册第1/3页
  • 2017-05-11使用正则表达式替换报表名称中的特殊字符(推荐)
  • 2017-05-11精通JS正则表达式(推荐)
  • 2017-05-11JavaScript中的正则表达式使用及验证qq号码的正则
  • 2017-05-11javascript将字符串中的多个空格替换为一个空格的正则实例
  • 2017-05-11IOS正则表达式判断输入类型(整理)
  • 2017-05-11php获取超链接文本内容的正则表达式(五种方法)

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Linux下如何使用grep命令查找带有tab(退格)的字符
    • 8个你应该了解的正则表达式提高你的工作效率
    • 关于内容的分离,正则抽出图片(一定要加精哦)
    • js判断是否有6个连续数字的字符串的正则
    • php下常用表单验证的正则表达式
    • 正则表达式字符类加深理解
    • [正则表达式]贪婪模式与非贪婪模式
    • 仅1个例子轻松学习正则表达式
    • 正则表达式\d元字符(相对于数字0-9)
    • javascript正则表达式和字符串RegExp and String(二)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有