JavaScript正则表达式

最新推荐文章于 2022-01-08 17:05:05 发布
最新推荐文章于 2022-01-08 17:05:05 发布
阅读量453 收藏 6
点赞数 1
分类专栏： 正则表达式 文章标签： 正则表达式 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ze_sky/article/details/74613992
版权

模式修饰符

i   忽略大小写
g   全局匹配
m   多行匹配

正则表达式方法

test

alert(/Box/i.test('box'));          //true  写法一

var pattem = new RegExp('Box','i');
var str = 'box';
alert(pattern.test(str));           //true  写法二

exec

有就显示数组(只匹配第一个)，没有就返回null

var pattem = /Box/i;                //忽略大小写
var str = 'box';
alert(pattern.exec(str));           //box

test&exec

开启全局匹配时，索引位置不会重置

var pattern = /box/ig;
var str = 'This is a Box!That is a box!';
alert(pattern.test(str));           //true
alert(pattern.lastIndex);           //13
alert(pattern.exec(str));           //box
alert(pattern.lastIndex);           //27

String对象的正则表达式方法

match

返回子串或null

var pattern = /Box/i;                       //忽略大小写
var str = 'This is a Box!That is a box!';
alert(str.match(pattern));                  //Box   匹配到第一个字符串，返回数组

var pattern = /Box/ig;                      //全局匹配忽略大小写
var str = 'This is a Box!That is a box!';
alert(str.match(pattern));                  //Box,box   匹配所有字符串，返回数组

返回第一个匹配的位置，从0开始计数，匹配不到返回-1

var pattern = /box/;
var str = 'This is a Box!That is a box!';
alert(str.search(pattern));                 //24

var pattern = /box/i;                       //忽略大小写
var str = 'This is a Box!That is a box!';
alert(str.search(pattern));                 //10

var pattern = /xox/;
var str = 'This is a Box!That is a box!';
alert(str.search(pattern));                 //-1    匹配不到

replace

返回替换后的字符串

var pattern = /Box/;
var str = 'This is a Box!That is a box!';
alert(str.replace(pattern,'Tom'));          //This is a Tom!That is a box!

var pattern = /Box/ig;                      //全局匹配忽略大小写
var str = 'This is a Box!That is a box!';
alert(str.replace(pattern,'Tom'));          //This is a Tom!That is a Tom!

split

返回分割后的数组，默认全局匹配，匹配不到则返回原字符串

var pattern = /!/;                          //匹配感叹号
var str = 'This is a Box!That is a box!';
alert(str.split(pattern));                  //This is a Box,That is a box,
alert(str.split(pattern).length);           //3

var pattern = / /;                          //匹配空格
var str = 'This is a Box!That is a box!';
alert(str.split(pattern));                  //This,is,a,Box!That,is,a,box!
alert(str.split(pattern).length);           //7

RegExp对象的静态属性

早期浏览器有差别，不常用
疑问：lastMatch等，全局时，是最后一次匹配的第一个匹配项，还是最后一个匹配项？

input($_)

存储当前被匹配的字符串

var pattern = /Box/;
var str = 'This is a Box!That is a box!';
alert(RegExp.input);                        //初始为空字符串
pattern.test(str);                          //使用一下正则
alert(RegExp.input);                        //This is a Box!That is a box!
//alert(RegExp['$_'])                      //其他写法，其他静态属性都有自己的短名
//alert(RegExp.$_)                         //其他写法，只有input可以这么写

leftContext($`)

最后一次匹配时，第一个匹配到的字符串的前子串

var pattern = /box/ig;                      //全局匹配忽略大小写
var str = 'This is a Box!That is a box!';
pattern.test(str);
alert(RegExp.leftContext);                  //This is a 

var pattern = /box/g;                       //全局匹配
var str = 'This is a Box!That is a box!';
pattern.test(str);
alert(RegExp.leftContext);                  //This is a Box!That is a

rightContext($’)

最后一次匹配时，第一个匹配到的字符串的后子串

var pattern = /box/ig;
var str = 'This is a Box!That is a box a box!';
pattern.test(str);
alert(RegExp.rightContext);                 //!That is a box a box!

lastMatch($&)

最后一次匹配时，第一个匹配到的字符串

var pattern = /box/ig;
var str = 'This is a Box!That is a box a box!';
pattern.test(str);
alert(RegExp.lastMatch);                    //Box

lastParen($+)

最后一对圆括号内的匹配子串

multiline($*)

用于指定是否所有的表达式都用于多行的布尔值

RegExp对象的实例属性

早期浏览器有差别，不常用

global

Boolean值，表示g是否已设置

var pattern = /box/g;
alert(pattern.global);      //true

var pattern = /box/;
alert(pattern.global);      //false

ignoreCase

Boolean值，表示i是否已设置

var pattern = /box/i;
alert(pattern.ignoreCase);      //true

var pattern = /box/;
alert(pattern.ignoreCase);      //false

multiline

Boolean值，表示m是否已设置

var pattern = /box/m;
alert(pattern.multiline);       //true

var pattern = /box/;
alert(pattern.multiline);       //false

source

正则表达式的源字符串形式

var pattern = /box/g;
alert(pattern.source);          //box

lastIndex

整数，代表下次匹配将从哪里字符串位置开始

元字符

反斜杠后的元字符将失去其特殊含义，匹配特殊字符必须加反斜杠

元字符

.               匹配除换行符意外的任意字符
[A-Z]           匹配一个大写字母
[a-z]           匹配一个小写字母
[0-9]           匹配一个数字
[a-zA-Z0-9]     匹配一个大小写字母或数字
[^0-9]          匹配一个非数字
[^a-z0-9]       匹配任意一个不在括号中的字符集中的字符
\d              匹配数字
\D              匹配非数字，同[^0-9]
\w              匹配字母和数字及_
\W              匹配非（字母和数字及_）

空白字符

\0              匹配null字符
\b              匹配单词边界，不匹配字符
\f              匹配进制字符
\n              匹配换行符
\r              匹配回车字符
\t              匹配制表符
\s              匹配空白字符、空格、制表符、换行符
\S              匹配非空白字符

重复字符

?               匹配0个或1个
*               匹配0个或任意多个
+               匹配至少一个
{m}             匹配m个
{m,}            匹配m个，或m个以上
{m,n}           匹配最少m个，最多n个

锚字符

^               行首匹配
$              行尾匹配
\A              只有匹配字符串开始处
\b              匹配单词边界，词在[]内无效
\B              匹配非单词边界
\G              匹配当前搜索的开始位置
\Z              匹配字符串结束处或行尾
\z              只匹配字符串结束处

或’|’

aa|bb|cc        匹配aa或bb或cc中任意一个

分组，小括号()

(string)        括号内为一个整体

例：
var pattern = /8(.*)8(.*)6/;
pattern.test('This is a 8google81236');
alert(RegExp.$1);      //google    获取模式中第一个分组对应的匹配字符串
alert(RegExp.$2);		//123		获取模式中第二个分组对应的匹配字符串，$几表示第几个分组

例：在不清楚获取的字符串是啥时对其进行加粗
var pattern = /8(.*)8/;
var str = 'This is a 8google8';     //var str = 'This is a 8soso8';
document.write(str.replace(pattern, '<strong>$1</strong>'));
例：交换位置
var pattern = /(.*)\s(.*)/;
var str = 'google baidu';
alert(str.replace(pattern, '$2 $1'));//baidu google

贪婪和惰性

在重复字符后加?，会变成惰性匹配

var pattern = /[a-z]+/;             //贪婪
var str = 'abcdefg';
alert(str.replace(pattern, '1'));   //1

var pattern = /[a-z]+?/;            //惰性
var str = 'abcdefg';
alert(str.replace(pattern, '1'));   //1bcdefg

var pattern = /8(.*)8/;             //贪婪
var str = '8google8 8google8 8google8';
document.write(str.replace(pattern, '<strong>$1</strong>'));
//<strong>google8 8google8 8google</strong>

var pattern = /8(.*?)8/;                //惰性
var str = '8google8 8google8 8google8';
document.write(str.replace(pattern, '<strong>$1</strong>'));
//<strong>google</strong> 8google8 8google8

var pattern = /8(.*?)8/g;               //惰性,开启全局。
//var pattern = /8([^8]*)8/g            //另一种惰性写法
var str = '8google8 8google8 8google8';
document.write(str.replace(pattern, '<strong>$1</strong>'));
//<strong>google</strong> <strong>google</strong> <strong>google</strong>

捕获性分组和非捕获组?:

var pattern = /([a-z]+)\s([0-9]{4}$)/; //捕获性分组，括号匹配的字符串会捕获到数组
var str = 'google 2012';
var a = pattern.exec(str);          //返回长度3的数组
alert(a[0]);                        //google 2012   匹配到的字符串
alert(a[1]);                        //google        第一个分组括号的字符串
alert(a[2]);                        //2012          第二个分组括号的字符串

var pattern = /(?:[a-z]+)\s([0-9]{4}$)/;   //不想捕获到数组，就在括号内最开始加?:
var str = 'google 2012';
alert(pattern.exec(str));                   //google 2012,2012

非捕获组?=、?<=

肯定式向前查找?=、肯定式向后查找?<=（这个试不成功）

var pattern = /goo(?=gle)/;     //goo后面必须跟gle
//等价于var pattern = /(?=google)goo/;
var str = 'google';
alert(pattern.exec(str));       //goo

var pattern = /goo(?=gle)/;     //goo后面必须跟gle
var str = 'googee';             //goo后面没有gle
alert(pattern.exec(str));       //null

非捕获组?!、?

var pattern = /goo(?!gee)/;     //goo后面不能跟gee
var str = 'google';             //goo后面是gle
alert(pattern.exec(str));       //goo

var pattern = /goo(?!gee)/;     //goo后面不能跟gee
var str = 'googee';             //goo后面是gee
alert(pattern.exec(str));       //null

数组嵌套分组

var pattern = /(a?(b?(c?)))/;
var str = 'abc';
alert(pattern.exec(str));       //abc,abc,bc,c

换行模式

var pattern = /\d+/;
var str = '1.baidu\n2.google\n3.bing';
alert(str.replace(pattern,'#'));    //#.baidu\n2.google\n3.bing

var pattern = /\d+/g;               //开启全局
var str = '1.baidu\n2.google\n3.bing';
alert(str.replace(pattern,'#'));    //#.baidu\n#.google\n#.bing

var pattern = /^\d+/g;              //开启全局，限定开始位置
var str = '1.baidu\n2.google\n3.bing';
alert(str.replace(pattern,'#'));    //#.baidu\n2.google\n3.bing

var pattern = /^\d+/gm;             //开启全局，多行模式，限定开始位置
var str = '1.baidu\n2.google\n3.bing';
alert(str.replace(pattern,'#'));    //#.baidu\n#.google\n#.bing
关于正则表达式 ^ ,$ ,/g 的作用
ZCloud1065的博客
10-29 1658
在正则中 ^ 表示匹配字符串的开始位置 '12a21'.replace(/^\d/g,'') // 输出结果为 2a21 只有字符串开始位置的'1'被匹配到,但'a'后面的'21'没有匹配到 '12222a21'.replace(/^\d{2}/g,'') // 输出结果为 "222a21" 字符串开始位置的'12'被匹配到,但'a'后面的'21'没有匹配到两位数字被匹...
正则模式---g
Bao_Ge_CCQ的博客
11-09 843
众所周知正则的g模式是全局模式，当使用g模式的时候，匹配字符串的时候会尽可能多地去匹配（其中是使用了lastIndex这个特性）；不使用g模式的时候，就只要匹配到了就立马返回。 下面分别看一下如果同一个字符串采用不同的模式匹配多次会产生怎样的效果。 采用g模式 不采用g模式 同样的字符串使用不同的模式得到的结果不一样，究竟是为什么呢？ 让我们打个断点看看究竟发生了什么 g模式下的断点 第一次匹配 第二次匹配 第三次匹配 可以发现，lastIndex发生了三次变化，首先是0，然后是1，最后是0. 非
javascript正则表达式中/g /i /m的用法,以及实例
zuo_hy的专栏
07-17 1848
正则的思想都是一样的，但是具体的写法会有所不同，在这里提到的/g,/i,/m在其他的地方也许就不能用了。 一，js正则标志/g,/i,/m说明 1，/g 表示该表达式将用来在输入字符串中查找所有可能的匹配，返回的结果可以是多个。如果不加/g最多只会匹配一个 2，/i  表示匹配的时候不区分大小写 3，/m 表示多行匹配，什么是多行匹配呢？就是匹配换行符两端的潜在匹配。影响正
正则表达式 /\{\{(.+?)\}\}/g是什么意思
qq_27110607的博客
06-23 1万+
最前面的“/”与最后面的“/”是分隔符，表示正则表达式的开始与结束。最后的“g”标志表示正则表达式使用的global（全局）的状态。使用 global 标志表明在被查找的字符串中搜索操作将查找所有符合的项，而不仅仅是第一个。这也被称为全局匹配。【相关的标志还有i（ignoreCase，表示忽略大小写）、m（multiline，表示允许跨行）】 然后我们再来看中间的主体部分：\{\{(.+?)\}\...
正则表达式中/g的用法
热门推荐
huiguixian的专栏
01-12 4万+
<br />转载：http://blog.myspace.cn/e/405164495.htm<br /> <br />解答“正则表达式(/[^0-9]/g,'')中的"/g"是什么意思？”这个问题，也为了能够便于大家对正则表达式有一个更为综合和深刻的认识，我将一些关键点和容易犯糊涂的地方再系统总结一下。 <br /><br />总结1：附件参数g的用法 <br /><br />表达式加上参数g之后，表明可以进行全局匹配，注意这里“可以”的含义。我们详细叙述： <br /><br />1）对于表达式对象的e
javascript正则表达式迷你书 (1).pdf
12-28
JavaScript 正则表达式迷你书 本书是 JavaScript 正则表达式的入门级教程，旨在帮助读者快速掌握正则表达式的基本概念和应用。下面是本书的知识点摘要： 第一章：正则表达式字符匹配攻略 * 两种模糊匹配：横向...
JavaScript正则表达式替换字符串中图片地址(img src)的方法
10-20
本篇文章将深入探讨如何使用JavaScript正则表达式来实现这个功能。 首先，我们需要理解JavaScript的`String.prototype.replace()`方法。此方法接受两个参数：一个正则表达式或字符串作为查找的模式，以及一个替换...
如何用javascript正则表达式验证身份证号码是否合法
10-23
在用户注册页面有些需求要求的比较严格，需要对身份证验证是否合法，通过此功能严格此系统软件，从而过滤到很多水客。此篇文章主要是讲解如何用javascript正则表达式验证身份证号码是否合法,需要的朋友可以参考下
JavaScript正则表达式校验非零的正整数实例
10-20
本文分享了JavaScript正则表达式（^[1-9]d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^+?[1-9][0-9]*$）校验非零的正整数实例代码，代码简单易懂，需要的朋友可以看下
JS验证input输入框（字母，数字，符号，中文）
01-19
只能输入英文 <input type=text onkeyup=value=value.replace(/[^a-zA-Z]/g,'')> 只能输入英文 <input type=text onkeyup=value=value.replace(/[^\a-\z\A-\Z]/g,'') onkeydown=fncKeyStop(event) onpaste=return false oncontextmenu=return false /> 无法粘贴，右键不会弹出粘贴菜单 只能输入数字： <input onkeyup=this.value=this.value.
正则表达式应用
技术交流
03-19 292
[javascript] view plaincopyprint? "javascript">   //match方法检查字符是否存在,如果存在返回所有相匹配的字符    function macthDemo()    {      var v="@#@12asxzs122das";      var reg=/[^A-Za-z]+/ig; //i表示返回第
正则表达式
weixin_46102597的博客
01-08 2439
正则表达式入门 字符组（[]）：允许匹配一组可能出现的字符。[]字符组中可以放多个条件例如，想要匹配数字的小写字母可以这样写：[0-9a-z] 正则表达式引擎在字符组中使用连字符(-)代表区间，依照这个规则，我们可以总结出三点： 要匹配任意数字可以使用[0-9]； 如果想要匹配所有小写字母，可以写成[a-z]； 想要匹配所有大写字母可以写成[A-Z]。 匹配数据所有的数字、小写字母和大写字母:[0-9a-zA-Z] 转义符 \ :在正则中使用 \ 就可以进行对特殊符号进行转义，对 - 进行转
JavaScript 正则表达式
weixin_30724853的博客
08-18 1323
一、简介 1、什么是正则表达式 正则表达式本身就是一种语言，这在其它语言是通用的。 正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。 str.indexOf(‘abc’); //精确匹配 只能匹配字符串“abc” 正则表达式 ...
/(^\s*)|(\s*$)/g是什么意思啊？
weixin_39491141的博客
07-15 4146
/(^\s*)|(\s*$)/g是什么意思啊？ 2015-03-28分类：javaWEB阅读(56)评论(0) 1 2 3 4 5 function fTrim(str) { str=str.replace(/(^\s*)|(\s*$)/g, ""); return str; } ...
replace(/\s/g,"")中的/g是什么意思?
07-30 1万+
如题，需要详细解释！每个匹配模式都需要解释清楚，那 /g 是什么意思呀？谢谢。 还有str.replace(/^\s*(.*?)[\s\n]*$/g, '$1')的$1'是什么意思？ 答：g全称是global（全部），作用是打开全局匹配，$1 等于前面匹配的()中的内容 补充知识： i：代表不区分大小写匹配。 英文是ignore(忽略），表明在被查找的字符串中匹配样式的时候查找操作将不区分
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值