用于模式匹配的String方法和RegExp方法

时间 2019-11-29

标签用于模式匹配 string 方法 regexp 繁體版

原文原文链接

　　上一节总结了建立正则表达式的语法，这一篇笔者总结了用于模式匹配的String四个方法：search()、replace()、match()、split()以及用于模式匹配的RegExp两个方法exec()、test()javascript

String类html

（1）str.search(regexp)java

定义：search()方法将在字符串str中检索与表达式regexp相匹配的字串，而且返回第一个匹配字串的第一个字符的位置。若是没有找到任何匹配的字串，则返回-1。git

example：正则表达式

“JavaScript”.search(/script/i);      //output为4

　　可是，search()方法不支持全局检索，由于会忽略正则表达式参数的标识g，而且也忽略了regexp的lastIndex属性，老是从字符串的开始位置进行检索，因此它会老是返回str的第一个匹配的位置。数组

（2）str.replace(searchValue, replaceValue)函数

定义：replace方法对string进行查找和替换操做，并返回一个新的字符串。this

参数：spa

searchValue　　能够是一个字符串或者是一个正则表达式对象。
若是是一个字符串，那么searchValue只会在第一次出现的地方被替换，eg：

var result = "mother_in_law".replace( '_' , '+' );    //output为mother+in_law

若是是一个正则表达式而且带有g标识，它会替换全部的匹配，若是没有自带g标识，它会替换第一个匹配prototype

var str = "javascript"; str.replace(/javascript/,'JavaScript');     //将字符串javascript替换为JavaScript
str.replace(/a/g, 'b');                     //将全部的字母a替换为字母b，返回 jbvbscript

replaceValue 能够是一个字符串也能够是一个函数。
若是是一个字符串，则注意字符$拥有特别的含义

var oldareacode = /\((\d{3})\)/g; var p = '(0663)1234567'.replace(oldareacode,'$1-');    //output为0663-1234567

若是是一个函数，那么每次遇到一个匹配函数就会被调用一次，而该函数返回的字符串会被用做替换文本。传递给这个函数的第一个参数是整个被匹配的文本，第二个参数是分组1捕获的文本，第三个参数是分组2捕获的文本，以此类推：

 1 String.prototype.entityify = function(){  2     var character = {  3         '<'  : '&lt;',  4         '>'     : '&gt;',  5         '&'  : '&amp;',  6         '"'  : '&quot;'
 7  };  8 
 9     return function(){ 10         return this.replace(/[<>&"]/g,function(c){ 11  console.log(c); 12             return character[c]; 13  }); 14  }; 15 }(); 16 alert("<>>&".entityify());   //alert为&lt;&gt;&gt;&amp;

（3）str.match(regexp)

定义：让字符串和一个正则表达式进行匹配，而且是依据g标识来决定如何匹配。

若是regexp没带g标识，那么调用string.match(regexp)的结果与调用regexp.exec(string)的结果同样

若是regexp带有g标识，那他将生成全部的匹配（除了捕获分组以外）的数组
example：

 1 String.prototype.entityify = function(){  2     var character = {  3         '<' : '&lt;',  4         '>' : '&gt;',  5         '&' : '&amp;',  6         '"' : '&quot;'
 7  };  8 
 9     return function(){ 10         return this.replace(/[<>*&"]/g,function(c){ 11             return character[c]; 12  }); 13  }; 14 }(); 15 
16 /** 17  * string.match(regexp) 18  */
19 var text = '<html><body bgcolor=linen><p>' + 'This is <b>bold</b>!</p></body></html>'; 20 var tags = /[^<>]+|<(\/?)([A-Za-z]+)([^<>]*)>/g; 21 var a,i; 22 a = text.match(tags); 23 for(i = 0;i < a.length;i += 1){ 24     document.writeln(('// [' + i + '] ' + a[i]).entityify()); 25     document.writeln('<br>'); 26 } 27 document.writeln('<br>');

输出结果为：

（4）str.split(separator,limit)

定义：将string分割成片断来建立一个字符串数组。
参数：

limit 　　可选参数，用来限制被分割片断的数量。
eg：var digits = '0123456789';var a = digits.split('',5);　　输出结果为：['0','1','2','3','4'0];

separator 能够为一个字符串或者一个正则表达式
若是是字符串，则会返回一个分割后的数组
example：

var a = '192.168.1.113'.split('.');alert(a);    //输出为数组['192','168','1','113']
var b = ' |a|b|c|*'.split('|');alert(b);           //输出为数组['','a','b','c','*']，注意第一个元素是一个空格！！！

若是是正则表达式，则例子以下：

var text = 'i, am ,   gdt'; var d = text.split(/\s*,\s*/); alert(d); //输出数组['i','am','gdt']

RegExp对象

（1）regexp.exec(string)

定义：成功匹配regexp和字符串string，则返回一个数组，数组中下标为0的元素将包含正则表达式regexp匹配的子字符串，下标为1的元素是分组1捕获的文本，下标为2的元素是分组2捕获的文本，依次列推，若是匹配失败，则返回null

　　若是regexp带有一个g标识，查找不是从这个字符串的起始位置开始，而是从regexp.lastIndex(初始值为0)开始，若是匹配成功，那么regexp.lastIndex将被设置为改匹配后的第一个字符的位置，不成功的匹配会重置regexp.lastIndex为0。

仍是用例子来体现吧，example：

 1 String.prototype.entityify = function(){  2     var character = {  3         '<' : '&lt;',  4         '>' : '&gt;',  5         '&' : '&amp;',  6         '"' : '&quot;'
 7  };  8 
 9     return function(){ 10         return this.replace(/[<>*&"]/g,function(c){ 11             return character[c]; 12  }); 13  }; 14 }(); 15 
16 /** 17  * regexp.exec(string) 18  */
19 var text = '<html><body bgcolor=linen><p>' + 'This is <b>bold</b>!</p></body></html>'; 20 var tags = /[^<>]+|<(\/?)([A-Za-z]+)([^<>]*)>/g; 21 var a,i; 22 while((a = tags.exec(text))){ 23     for(i = 0;i < a.length;i += 1){ 24         document.writeln(('// [' + i + '] ' + a[i]).entityify()); 25         document.writeln('<br>'); 26  } 27     document.writeln('<br>'); 28     
29 }

输出结果为：

　　这个例子和string.match(regexp)中的例子很类似，不过能够直观看出regexp.exec(string)返回的是一个二维数组，而string.match(regexp)则是返回一个一维数组，还有两个的用法使用对象不一样，注意不要写错

（2）regexp.test(string)

定义：若是该regexp成功匹配string，返回true，不然返回false（test方法是使用正则最简单和最快的方法，而exec是使用正则最强大同时也是最慢的方法）

example：

　　var b = /&.+;/.test('gdt & fxt'); //output为true

　　好了，关于模式匹配的方法已经罗列出来，接下来要将一些关于正则的实例，都是较为经典而且实用的~