欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

​JavaScript match() 方法 正则 有大用

JavaScript match() 方法

String 对象参考手册 JavaScript String 对象

实例

在字符串中查找 "ain":

var str="The rain in SPAIN stays mainly in the plain"; var n=str.match(/ain/g);

n 输出数组结果值:

ain,ain,ain

尝试一下 »

定义和用法

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

如果想了解更多正则表达式教程请查看本站的: RegExp 教程 和我们的 RegExp 对象参考手册

注意: match() 方法将检索字符串 String Object,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 match() 方法


语法

string.match(regexp)

参数值

参数描述
regexp必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。


返回值

类型描述
Array存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。 如果没找到匹配结果返回 null 。

技术细节

JavaScript 版本:1.2



更多实例

实例

全局查找字符串 "ain",且不区分大小写:

var str="The rain in SPAIN stays mainly in the plain"; var n=str.match(/ain/gi);

n 输出结果:

ain,AIN,ain,ain

尝试一下 »

实例

判断是否微信浏览器:

function is_weixn(){      var ua = navigator.userAgent.toLowerCase();      if(ua.match(/MicroMessenger/i)=="micromessenger") {          return true;      } else {          return false;      }   }

尝试一下 »



String 对象参考手册 JavaScript String 对象


来自  https://www.runoob.com/jsref/jsref-match.html


JavaScript match() 方法

定义和用法

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

语法

stringObject.match(searchvalue)
stringObject.match(regexp)
参数描述
searchvalue必需。规定要检索的字符串值。
regexp必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。

返回值

存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

说明

match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。

如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。

注意:在全局检索模式下,match() 即不提供与子表达式匹配的文本的信息,也不声明每个匹配子串的位置。如果您需要这些全局检索的信息,可以使用 RegExp.exec()。

实例

例子 1

在本例中,我们将在 "Hello world!" 中进行不同的检索:

<script type="text/javascript">

var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))

</script>

输出:

world
null
null
world!

例子 2

在本例中,我们将使用全局匹配的正则表达式来检索字符串中的所有数字:

<script type="text/javascript">

var str="1 plus 2 equal 3"
document.write(str.match(/\d+/g))

</script>

输出:

1,2,3

TIY

  • match() 1

  • 如何使用 match() 来检索一个字符串。

  • match() 2

  • 如何使用 match() 来检索一个正则表达式的匹配。


来自 https://www.w3school.com.cn/jsref/jsref_match.asp



js正则表达式之match函数


功能:使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回 

函数格式:stringObj.match(rgExp) stringObj为字符串必选 rgExp为正则表达式必选项 

返回值:如果能匹配则返回结果数组,如果不能匹配返回null 

使用方法: 
stringObj.match(rgExp) 
其中stringObj是必选项。对其进行查找的 String 对象或字符串文字。 
rgExp是必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。 
如果js中match函数方法没有找到匹配,返回 null。如果找到匹配返回一个数组并且更新全局 RegExp 对象的属性以反映匹配结果。JavaScript中match函数方法返回的数组有三个属性:input、index和lastIndex。Input 属性包含整个的被查找字符串。Index 属性包含了在整个被查找字符串中匹配的子字符串的位置。LastIndex 属性包含了最后一次匹配中最后一个字符的下一个位置。如果没有设置全局标志 (g),数组的0元素包含整个匹配,而第 1 到 n 元素包含了匹配中曾出现过的任一个子匹配。这相当于没有设置全局标志的 exec 方法。如果设置了全局标志,元素0到n中包含所有匹配。 

下面的示例演示了js中match函数方法的用法: 

  1. function MatchDemo(){ 
  2. var r, re; // 声明变量。 
  3. var s = "The rain in Spain falls mainly in the plain"
  4. re = /ain/i; // 创建正则表达式模式。 
  5. r = s.match(re); // 尝试匹配搜索字符串。 
  6. return(r); // 返回第一次出现 "ain" 的地方。 


本示例说明带 g 标志设置的js中match函数方法的用法 

  1. function MatchDemo(){ 
  2. var r, re; // 声明变量。 
  3. var s = "The rain in Spain falls mainly in the plain"
  4. re = /ain/ig; // 创建正则表达式模式。 
  5. r = s.match(re); // 尝试去匹配搜索字符串。 
  6. return(r); // 返回的数组包含了所有 "ain" 
  7. // 出现的四个匹配。 


下面几行代码演示了字符串文字的js中match函数方法的用法。 
var r, re = "Spain"; 
r = "The rain in Spain".replace(re, "Canada"); 

match()方法用于从字符串中查找指定的值,本方法类似于indexOf()和lastindexOf(),不同的是它返回的是指定的值,而 不是指定值在字符串中的位置。indexOf()和lastindexOf()方法返回位置数字 如果找不到返回-1。注意区分大小写 
 

  1. <script type="text/javascript"
  2. var str="Hello world!" 
  3. document.write(str.match("world") + ""
  4. document.write(str.match("World") + ""
  5. document.write(str.match("worlld") + ""
  6. document.write(str.match("world!")) 
  7. </script>

输出结果为

worldnullnullworld!    第一个和第四个能匹配到,返回匹配的值,第二个大小写不匹配,第三个多了个l,返回null

原网址:https://www.cnblogs.com/jingaier/p/6709653.html

js正则标志/g,/i,/m说明和实例

一,js正则标志/g,/i,/m说明

1,/g 表示该表达式将用来在输入字符串中查找所有可能的匹配,返回的结果可以是多个。如果不加/g最多只会匹配一个

2,/i  表示匹配的时候不区分大小写

3,/m 表示多行匹配,什么是多行匹配呢?就是匹配换行符两端的潜在匹配。影响正则中的^$符号

 

二,实例说明

1,/g的用法

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

 

2,/i的用法

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

 

3,/m的用法

  1. <script type="text/javascript">
  2. var p = /$/mg;
  3. var s = '1\n2\n3\n4\n5\n6';
  4. alert(p.test(s));  //显示为true  
  5. alert(RegExp.rightContext.replace(/\x0A/g, '\\a'));  //显示\a2\a3\a4\a5\a6  
  6. alert(RegExp.leftContext);    //显示为竖的2345  
  7. alert(RegExp.rightContext);   //显示为6  
  8. var p = /$/g;
  9. var s = '1\n2\n3\n4\n5\n6';
  10. alert(p.test(s));  //显示为true  
  11. alert(RegExp.rightContext.replace(/\x0A/g, '\\a'));  //什么都不显示  
  12. alert(RegExp.leftContext);    //显示为竖的123456  
  13. alert(RegExp.rightContext);   //什么都不显示  
  14. var p = /^/mg;
  15. var s = '1\n2\n3\n4\n5\n6';
  16. alert(p.test(s));    //显示为true  
  17. alert(RegExp.rightContext.replace(/\x0A/g, '\\a')); //显示为1\a2\a3\a4\a5\a6  
  18. alert(RegExp.leftContext);     //显示为竖的12345  
  19. alert(RegExp.rightContext);    //显示为6  
  20. </script>  
  1. //从上例中可以看出/m影响的^$的分割方式
  2. 上面说的三个例子,/i,/g,/m分开来说的,可以排列组合使用的。个人觉得/m没有多大用处

原网址:https://www.cnblogs.com/william-lin/p/3480231.html


来自 https://blog.csdn.net/qq_33380252/article/details/84030881


普通分类: