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

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

String类网址:yii666.com

(1)str.search(regexp)

定义:search()方法将在字符串str中检索与表达式regexp相匹配的字串,并且返回第一个匹配字串的第一个字符的位置。如果没有找到任何匹配的字串,则返回-1。

example:文章来源地址https://www.yii666.com/article/764362.html

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

  但是,search()方法不支持全局检索,因为会忽略正则表达式参数的标识g,并且也忽略了regexp的lastIndex属性,总是从字符串的开始位置进行检索,所以它会总是返回str的第一个匹配的位置。

(2)str.replace(searchValue, replaceValue)文章来源地址:https://www.yii666.com/article/764362.html

定义:replace方法对string进行查找和替换操作,并返回一个新的字符串。

参数:

  • searchValue  可以是一个字符串或者是一个正则表达式对象。
    如果是一个字符串,那么searchValue只会在第一次出现的地方被替换,eg:
    var result = "mother_in_law".replace( '_' , '+' );    //output为mother+in_law

    如果是一个正则表达式并且带有g标识,它会替换所有的匹配,如果没有自带g标识,它会替换第一个匹配

    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

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

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

     String.prototype.entityify = function(){
    var character = {
    '<' : '&lt;',
    '>' : '&gt;',
    '&' : '&amp;',
    '"' : '&quot;'
    }; return function(){
    return this.replace(/[<>&"]/g,function(c){
    console.log(c);
    return character[c];
    });
    };
    }();
    alert("<>>&".entityify()); //alert为&lt;&gt;&gt;&amp;

(3)str.match(regexp)

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

  • 如果regexp没带g标识,那么调用string.match(regexp)的结果与调用regexp.exec(string)的结果一样
  • 如果regexp带有g标识,那他将生成所有的匹配(除了捕获分组之外)的数组
    example:
     String.prototype.entityify = function(){
    var character = {
    '<' : '&lt;',
    '>' : '&gt;',
    '&' : '&amp;',
    '"' : '&quot;'
    }; return function(){
    return this.replace(/[<>*&"]/g,function(c){
    return character[c];
    });
    };
    }(); /**
    * string.match(regexp)
    */
    var text = '<html><body bgcolor=linen><p>' + 'This is <b>bold</b>!</p></body></html>';
    var tags = /[^<>]+|<(\/?)([A-Za-z]+)([^<>]*)>/g;
    var a,i;
    a = text.match(tags);
    for(i = 0;i < a.length;i += 1){
    document.writeln(('// [' + i + '] ' + a[i]).entityify());
    document.writeln('<br>');
    }
    document.writeln('<br>');

    输出结果为: 
    用于模式匹配的String方法和RegExp方法

(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:文章地址https://www.yii666.com/article/764362.html

 String.prototype.entityify = function(){
var character = {
'<' : '&lt;',
'>' : '&gt;',
'&' : '&amp;',
'"' : '&quot;'
}; return function(){
return this.replace(/[<>*&"]/g,function(c){
return character[c];
});
};
}(); /**
* regexp.exec(string)
*/
var text = '<html><body bgcolor=linen><p>' + 'This is <b>bold</b>!</p></body></html>';
var tags = /[^<>]+|<(\/?)([A-Za-z]+)([^<>]*)>/g;
var a,i;
while((a = tags.exec(text))){
for(i = 0;i < a.length;i += 1){
document.writeln(('// [' + i + '] ' + a[i]).entityify());
document.writeln('<br>');
}
document.writeln('<br>'); }

输出结果为:

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

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

(2)regexp.test(string)

定义:如果该regexp成功匹配string,返回true,否则返回false(test方法是使用正则最简单和最快的方法,而exec是使用正则最强大同时也是最慢的方法)网址:yii666.com<

example:

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

  

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

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png