资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/Javascript 正则表达式

Javascript 正则表达式

woshicixide / 247人阅读

摘要：正则表达式对象通过内置对象支持正则表达式。做法很简单，就是在量词后添加一个即可分组分组或分组取值前瞻正则表达式是从文本头部向尾部解析。

正则表达式 REGEXP对象

javascript通过内置对象Regexp支持正则表达式。

两种方法来创建Regexp对象。

1、字面量

var reg = /d{4}/g;
// g 表示进行全局替换

2、构造函数

var reg = new RegExp("d{4}","g");

// 这里因为是字符串，需要对特殊字符进行转义
// 利用正则进行文本替换
var reg = new RegExp("is","g");
"what is this?".replace(reg, "IS");

// "what IS this?"
修饰符

g : global 全文搜索，如果不添加的话，搜索到第一个就匹配停止

i : ignore case 忽略大小写，默认大小写敏感

m : multiple lines 多行搜索

"He is a boy. Is he?".replace(/is/g, "0");
// "He 0 a boy. Is he?"

"He is a boy. Is he?".replace(/is/gi, "0");
// "He 0 a boy. 0 he?"
元字符

正则表达式中有着两种基本字符，原义文本字符 和 元字符；

原义文本字符: a b f r ...

元字符: 指有特殊含义的非字母字符 b t ...

正则表达式中的特殊字符： * + ? $ ^ . | [] {} ()

字符类

我们可以使用 元字符 [] 来构造一个简单的类

所谓类，就是符合某一个特征的对象，是泛指。

[abc]把a b c 归为一类，表达式可以匹配这类字符

使用 ^可以取反，创建反向类,表示匹配不符合的字符

"a1b3c342bb".replace(/[abc]/g, "X");
// "X1X3X342XX"

"a1b3c342bb".replace(/[^abc]/g, "X");
// "aXbXcXXXbb"
范围类

使用 [a-z]来链接两个字符表示从 a到 z的任意字符；

[a-zA-Z0-9]

预定义类和边界

预定义类

* .  [^
]  除了回车换行之外的任意字符

* d [0-9]    数字

* D [^0-9]   非数字

* s [	
f
x0B]  空白符

* S [^	
f
x0B] 非空白符

* w [0-9a-zA-Z_]  字母数字下划线

* W [^0-9a-zA-Z_] 非字母数字下划线

边界

^ 开头

$ 结尾

b 单词边界

B 非单词边界

"@abc@ab@".replace(/@./g, "Q");
// "QbcQb@"

"@abc@ab@".replace(/^@./g, "Q");
// "Qbc@ab@"

"@abc@ab@".replace(/.@$/g, "Q");
// "@abc@aQ"
// 验证 m 表示多行搜索
var mulSrt="@123
@456
%890";

mulSrt.replace(/@d/gm, "X");

"X23
X56
%890"
量词 
* ?  出现0次或者一次   0/1

* +  至少出现1次      >= 1

* *  出现零次或者一次  >= 0 

* {n} 出现n次

* {n, m} 出现 n 到 m 次

* {n, }  至少出现n 次
贪婪模式和非贪婪模式 
/d{3,6}/

匹配 12345678 得到 123456

// 这就是贪婪模式

非贪婪模式

让正则表达式尽可能的少匹配，也就是说一旦匹配成功就不在继续尝试。[做法很简单，就是在量词后添加一个?即可]

/d{3,5}?/g
分组

()分组

"a1b2c3d4".replace(/[a-z]d{3}/g, "X");
// a1b2c3d4

"a1b2c3d4".replace(/([a-z]d){3}/g, "X");
// Xd4

或 |

"meiaals".replace(/[a-z]+(aa|bb)[a-z]+/g, "0");
// 0

"meibbls".replace(/[a-z]+(aa|bb)[a-z]+/g, "0");
// 0

分组取值

"2016-04-23".replace(/(d{4})-(d{2})-(d{2})/, "$3-$2-$1");

// "23-04-2016"
前瞻

“正则表达式是从文本头部向尾部解析”。这就像在走路，没走过的路在你的前面，需要你往前看（前瞻）；走过的路需要你回头看（后顾）

[js不支持后顾]

正向前瞻exp(?=assert)

负向前瞻exp(?!assert) 

"a2*3".replace(/w(?=d)/g, "X");
// "X2*3"
对象属性

global：是否全文搜索，默认false

ignore case：是否大小写敏感，默认是false

multiline：多行搜索，默认值是false

lastIndex：当前表达式匹配内容的最后一个字符的下一个位置

source：正则表达式的文本字符串

let regex = /(d{4}1)-(d{2})-(d{2})/g;

regex.source
// "(d{4}1)-(d{2})-(d{2})"
RegExp对象本身的方法

RegExp.prototype.test(str)

用户测试某一个字符串是否存在匹配正则表达式模式的字符串，如果存在就返回true 、 否则 返回 false。

var reg2=/w/g;

进行reg2.test("ab")时，第三次会变成false

原因：
while(reg2.test("ab")){
   console.log(reg2.lastIndex);
}

RegExp.prototype.exec(str)

如果没有匹配返回null，如果匹配成功，返回一个数组。(index: 匹配文本的第一个字符的位置，input： 存放被检索的字符串的string)；

var reg = /d(w)(w)d/g;

var str = "$1ab343sdd5ef6";
var ret;
while(ret = reg.exec(str)) {
    console.log(ret[0] +"-"+ret[1] +"-"+ret[2]); 
    console.log(ret.index); 
}
// ["1ab3", "a", "b", index: 1, input: "$1ab343sdd5ef6", groups: undefined]

// ["5ef6", "e", "f", index: 10, input: "$1ab343sdd5ef6", groups: undefined]

// 第一个为匹配的字符串， 第二项之后都是分组内容
String对象本身的方法

String.prototype.search(reg)

用于检索字符串中指定的子字符串、或者检索于正则匹配的子字符串。返回一个index， 如果没有找到返回-1. [忽略g，并且每次都是从开头匹配]；

"wwasdasf7".search(/d/);
// 8

String.prototype.match(reg)

match方法将检索字符串，以找到一个或者多个与regexp匹配的文本。
（是否有g影响很大）

如果找到了就返回一个数组，如果没有找到，返回null

var reg = /d(w)(w)d/g;

var str = "$1ab343sdd5ef6";
var ret = str.match(reg);
console.log(ret);
// ["1ab3", "5ef6"]

String.prototype.split(str/reg)

"a,d,f,g,h".split(",");
// ["a", "d", "f", "g", "h"]

"a1b1c2d3f5".split(/d/g);
// ["a", "b", "c", "d", "f", ""]

String.prototype.replace(str, replacestr)

"asd231".replace("2", "S");

String.prototype.replace(reg, replacestr)

"asd231".replace(/d+/g, "S");

String.prototype.replace(reg, function)

// a1b2c3d4 => z2b3c4d5

"a1b2c3d4".replace(/d/g, function(match, index, origin){
    console.log(index);
    return parseInt(match) + 1;
})
// "a2b3c4d5"
专线服务 超融合服务器 正则正则表达式 正则匹配正则表达式 -正则表达式 正则表达式?

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

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

相关文章

  • 正则表达式

    摘要：本文内容共正则表达式火拼系列正则表达式回溯法原理学习正则表达式，是需要懂点儿匹配原理的。正则表达式迷你书问世了让帮你生成和解析参数字符串最全正则表达式总结验证号手机号中文邮编身份证地址等是正则表达式的缩写，作用是对字符串执行模式匹配。 JS 的正则表达式 正则表达式 一种几乎可以在所有的程序设计语言里和所有的计算机平台上使用的文字处理工具。它可以用来查找特定的信息（搜索），也可以用来查...

    bang590 评论0 收藏0

  • JavaScript正则表达式的匹配模式

    摘要：选择分组和引用正则表达式的语法还包括指定选择项子表达式分组和引用前一子表达式的特殊字符。带圆括号的表达式的另一个用途是允许在同一正则表达式的后部引用前面的子表达式。 正则表达式(regular expression)是一个描述字符模式的对象。JavaScript的 RegExp类 表示正则表达式，String和RegExp都定义了方法，后者使用正则表达式进 行强大的模式匹配和文本检索与...

    wqj97 评论0 收藏0

  • JS正则表达式入门，看这篇就够了

    摘要：如果遇到非常的复杂的匹配，正则表达式的优势就更加明显了。关于正则表达式书写规则，可查看，上面说的很清楚了，我就不贴出来了。替换与正则表达式匹配的子串，并返回替换后的字符串。结语正则表达式并不难，懂了其中的套路之后，一切都变得简单了。 前言 在正文开始前，先说说正则表达式是什么，为什么要用正则表达式？正则表达式在我个人看来就是一个浏览器可以识别的规则，有了这个规则，浏览器就可以帮我们判断...

    wenzi 评论0 收藏0

  • JavaScript 中的正则表达式

    摘要：正则表达式的意义中的正则表达式使用表示，可以使用构造函数来创建对象，不过对象更多的是通过一种特殊的直接量语法来创建。用构造函数也可以定义一个与之等价的正则表达式，代码如下正则表达式的模式规则是由一个字符序列组成的。 正则表达式的模式匹配 正则表达式(regular expression)是一个描述字符模式的对象。javascript的RegExp对象表示正则表达式，String和Reg...

    _Dreams 评论0 收藏0

  • JavaScript中的正则表达式

    Javascript的正则表达式是前端中比较重要的部分，正则表达式主要用于字符串处理，表单验证等场合，实用高效，文章主要对JavaScript中的正则的学习与总结 正则表达式的定义 正则表达式：是一个描述字符模式的对象，JavaScrip中正则表达式用RegExp对象表示，可以使用RegExp构造函数来创建正则对象 正则表达式的创建 1.字面量创建 var reg = /[a-z]/; 2.构...

    _Zhao 评论0 收藏0

  • 简单说 正则表达式——要注意lastIndex属性

    摘要：返回是一个只读的布尔值，看这个正则表达式是否带有修饰符。方法，它的参数是一个字符串，用对某个字符串进行检测，如果包含正则表达式的一个匹配结果，则返回，否则返回。总结这次主要是说说，中正则表达式对象的个属性，而最需要注意的就是属性了。 说明 这篇文章，主要和大家聊聊JavaScript中RegExp对象的属性。 解释 每个RegExp对象都包含5个属性，source、global、ign...

    jokester 评论0 收藏0

发表评论

登陆后可评论

0条评论

woshicixide

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<