简单谈谈JS中的正则表达式


Posted in Javascript onSeptember 11, 2017

1、正则表达式包括两部分

①定义正则表达式的规则;

②正则表达式的模式(i/g/m);

2、声明正则表达式

① 字面量声明: var reg = /表达式规则/表达式模式;

eg:var reg = /white/g;

② 使用new关键字: var reg = new RegExp("表达式规则","表达式模式")

eg: var reg = new RegExp("white","g");

3、正则表达式的三种模式

① g:全局匹配。不加g默认为非全局匹配,只匹配第一个符合要求的字符串;

eg:"www".replace(/w/ ,"#"); -->#ww;

"www".replace(/w/g,"#"); -->###;

② i:忽略大小写。不加i,默认要求大写也匹配;

eg: "aAa".replace( /A/ ,"#"); -->a#a;

"aAa".replace( /A/i ,"#"); -->#Aa;

"aAa".replace( /A/gi ,"#"); -->###;

③ m:多行匹配模式。不带m,则一个字符串只有一个开头,一个结尾。带m后,如果字符串分为多行,则每行都有一个开头和结尾。

eg: `abc`#bc

abc`.replace(/^a/g,"#") --> abc`=

`abc``#bc

abc`.replace(/^a/gm,"#") --> #bc`

[如何写多行字符串?]

>>>普通字符串中,插入\n表示换行。"abc\nabc"
>>>ES6中,允许使用反引号`包裹字符串。反引号包裹的字符串中,会保留空格与回车。

eg: `abc

abc`

4、正则表达式的常用方法

① test():检测一个字符串,是否符合正则表达式的验证。返回true或false;

eg: /white/.test("whitewhitewhite"); --> true

② exec():检测一个字符串,是否符合正则表达式的验证。如果验证成功,返回结果数组;如果验证失败,返回null;

结果数组中:

index属性:表示从字符串的第几个字符,开始符合正则要求

input属性:返回完整的被检索的字符串

下标第0个:表示符合整个正则表达式的那部分字符串

下标的第一个到第n个:表示符合正则的第一个到第n个子表达式的部分。子表达式,就是正则中的()。也就是,正则中有几个(),结果数组中就有几个下标。

eg: /12(3)(4)5/.exec("aaa12345");

[

0:12345;

1:3;

2:4;

index:3;

input:"aaa12345";

length:3

]

5、正则表达式的基本案例

①验证邮政编码

简单谈谈JS中的正则表达式结果为:简单谈谈JS中的正则表达式

②验证手机号

简单谈谈JS中的正则表达式结果为:简单谈谈JS中的正则表达式

③年龄在0-120岁之间

简单谈谈JS中的正则表达式

④域名:http://xxxxx.xxxx.com

var http = /^(http|https):\/\/([A-Za-z0-9\-]+\.){2}[A-Za-z]{2,4}(\.[A-Za-z]{2,4})?$/;

⑤验证IP地址(0.123.11.255)

简单谈谈JS中的正则表达式

var ip = /^((\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.){3}(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])$/;

以上这篇简单谈谈JS中的正则表达式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 支持ie和firefox杰奇翻页函数
Jul 22 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 Javascript
js给onclick事件赋值,动态传参数实例解说
Mar 28 Javascript
Extjs407 getValue()和getRawValue()区别介绍
May 21 Javascript
解析Javascript中中括号“[]”的多义性
Dec 03 Javascript
JavaScript中的正则表达式简明总结
Apr 04 Javascript
jQuery+ajax中getJSON() 用法实例
Dec 22 Javascript
JS中字符串trim()使用示例
May 26 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
JS处理一些简单计算题
Feb 24 Javascript
javascript中join方法实例讲解
Feb 21 Javascript
VUE实现图片验证码功能
Nov 18 Javascript
详解Vue双向数据绑定原理解析
Sep 11 #Javascript
基于DOM节点删除之empty和remove的区别(详解)
Sep 11 #Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 #Javascript
基于bootstrop常用类总结(推荐)
Sep 11 #Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 #jQuery
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 #Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
Sep 10 #Javascript
You might like
德生S2000电路分析
2021/03/02 无线电
php自动获取目录下的模板的代码
2010/08/08 PHP
php 查找数组元素提高效率的方法详解
2017/05/05 PHP
使用php自动备份数据库表的实现方法
2017/07/28 PHP
javascript读取RSS数据
2007/01/20 Javascript
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
node.js中的path.extname方法使用说明
2014/12/09 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
nodejs中sleep功能实现暂停几秒的方法
2017/07/12 NodeJs
node.js实现的装饰者模式示例
2017/09/06 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
JavaScript的词法结构精华篇
2018/10/17 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
python实现人民币大写转换
2018/06/20 Python
对Python正则匹配IP、Url、Mail的方法详解
2018/12/25 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
Python3实现定时任务的四种方式
2019/06/03 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
浅析python redis的连接及相关操作
2019/11/07 Python
python实现在线翻译功能
2020/03/03 Python
django列表筛选功能的实现代码
2020/03/27 Python
Python中常见的数制转换有哪些
2020/05/27 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
详解python方法之绑定方法与非绑定方法
2020/08/17 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
工地安全检查制度
2014/02/04 职场文书
美国探亲签证邀请信
2014/02/05 职场文书
环保倡议书
2014/04/14 职场文书
读书活动总结
2014/04/28 职场文书
小学生母亲节演讲稿
2014/05/07 职场文书
建筑工地文明标语
2014/10/09 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
CSS3实现指纹特效代码
2022/03/17 HTML / CSS