×

正则表达式:符号/g、/i和 /m的应用

作者:Web前端之家2020.09.08来源:Web前端之家浏览:224评论:0
关键词:js正则表达式

聊聊正则表达式中符号/g、/i和 /m的应用。

1,/g (globle)表示该表达式将用来在输入字符串中查找所有可能的匹配,全文查找出现的所有匹配字符,返回的结果可以是多个。如果不加/g最多只会匹配一个
2,/i (ignorCase)表示匹配的时候不区分大小写,
忽略大小写,注意仅是忽略大小写,并不忽略全半角。
3,/m (mutiple)表示多行匹配,多行查找什么是多行匹配呢?就是匹配换行符两端的潜在匹配。影响正则中的^$符号m 影响 ^、$。
若不指定 m,则:^ 只在字符串的最开头,$ 只在字符串的最结尾。即:匹配整个串的开始和结束。
若指定 m,则:^ 在字符串每一行的开头,$ 在字符串每一行的结尾。即:匹配每一行的开始和结束。

实例说明

/g的用法

<script type="text/javascript"> 
str = "tankZHang (231144)"+ 
"tank ying (155445)"; 
res = str.match(/tank/); //没有加/g 
alert(res);     //显示一个tank 
 
res = str.match(/tank/g); //加了/g 
alert(res);     //显示为tank,tank 
</script>

/i的用法

<script type="text/javascript"> 
str = "tankZHang (231144)"+ "tank ying (155445)"; 
  
res = str.match(/zhang/);  
alert(res);     //显示为null 
  
res = str.match(/zhang/i); //加了/i 
alert(res);     //显示为ZHang 
</script>

/m的用法

<script type="text/javascript"> 
var p = /$/mg; 
var s = '1\n2\n3\n4\n5\n6'; 
alert(p.test(s)); //显示为true 
alert(RegExp.rightContext.replace(/\x0A/g, '\\a')); //显示\a2\a3\a4\a5\a6 
alert(RegExp.leftContext); //显示为竖的2345 
alert(RegExp.rightContext); //显示为6 
  
var p = /$/g; 
var s = '1\n2\n3\n4\n5\n6'; 
alert(p.test(s)); //显示为true 
alert(RegExp.rightContext.replace(/\x0A/g, '\\a')); //什么都不显示 
alert(RegExp.leftContext); //显示为竖的123456 
alert(RegExp.rightContext); //什么都不显示 
  
var p = /^/mg; 
var s = '1\n2\n3\n4\n5\n6'; 
alert(p.test(s)); //显示为true 
alert(RegExp.rightContext.replace(/\x0A/g, '\\a')); //显示为1\a2\a3\a4\a5\a6 
alert(RegExp.leftContext);  //显示为竖的12345 
alert(RegExp.rightContext); //显示为6 
</script>

//从上例中可以看出/m影响的^$的分割方式

上面说的三个例子,/i,/g,/m分开来说的,可以排列组合使用的。个人觉得/m没有多大用处

补充说明:

\n匹配一个换行符。等价于 \x0a 和 \cJ

rightContext 

RegExp.rightContext ($')

该特性是非标准的,请尽量不要在生产环境中使用它!

rightContext 非标准属性是正则表达式的静态和只读属性,含有最新匹配的右侧子串。 RegExp.$' 是这个属性的别名。

语法

RegExp.rightContext
RegExp["$'"]

描述
rightContext 属性是静态的,不是正则表达式独立对象的属性。反之,你应始终将其使用为 RegExp.rightContext 或者 RegExp["$'"]。

rightContext 属性的值是只读的,并且会在匹配成功时修改。

你不能使用属性访问器(RegExp.$')来使用简写的别名,因为解析器在这里会将其看做字符串的开始,并抛出 SyntaxError。使用 方括号符号来访问属性。

示例
使用 rightContext 和 $'。

var re = /hello/g;
re.test('hello world!');
RegExp.rightContext; // " world!"
RegExp["$'"]; // " world!"

leftContext 非标准属性是正则表达式的静态和只读属性,含有最新匹配的左侧子串。 RegExp.$` 是这个属性的别名。

语法

RegExp.leftContext

RegExp['$`']

描述

leftContext 属性是静态的,不是正则表达式独立对象的属性。反之,你应始终将其使用为 RegExp.leftContext 或者 RegExp['$`']。

leftContext 属性的值是只读的,并且会在匹配成功时修改。

你不能使用属性访问器(RegExp.$`)来使用简写的别名,因为解析器在这里会将其看做模板字符串的开始,并抛出 SyntaxError 。使用 方括号符号来访问属性。

示例

使用 leftContext 和 $`

var re = /world/g;
re.test('hello world!');
RegExp.leftContext; // "hello "
RegExp['$`']; // "hello "

温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js20200908a1.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.5 Valyria