JS正则表达式学习之路:(二)用于模式匹配的String方法

2.1 search方法

它的参数是一个正则表达式,返回第一个与之匹配的子串的起始位置,如果找不到匹配的子串,它将返回-1,比如下面的返回值是4:

       "JavaScript".search(/Script/i);

如果search()的参数不是正则表达式,则首先会通过RegExp构造方法将它转换成正则表达式,search()方法不支持全局检索,因为它忽略正则表达式参数中的修饰符g。

2.2 replace方法

replace方法用以执行检索和替换操作。其中第一个参数是正则表达式,第二个参数是要进行替换的字符串。这个方法会对调用它的字符串进行检索,使用指定的模式来匹配。

如果replace()的 第一个参数是字符串而不是正则表达式,则replace()将直接收索这个字符串,而不是像search()一样首先通过RegExp将它转换为正则表达式。例如,

       // 将所有不区分大小写的javascript都替换成大小写正确的JavaScript

       text.replace(/javascript/gi,"JavaScript");

 

如果在替换字符串中出现了$加数字,那么replace()将用与制定的子表达式相匹配的文本来替换这两个字符。比如可以用它将一个字符串中的英文引号替换为中文半角引号,

       // 一段引用文本起始于引号,结束与引号

       // 中间的内容区域不能包含引号

       var quote = /"([^"])*"/g;

       // 用中文半角引号替换英文引号,同时要保持引号之间的内容(存储在$1中),没有被修改

       text.replace(quote, '“$1”');

       这里的$1就是指代的是括号中匹配的字符串,因此可以得到保存,比如下面的例子,

            var text = 'Tomorrow is "another" day';

            var quote = /"([^"])*"/g;

            text.replace(quote, '“$1”');    //返回 'Tomorrow is “another” day';

2.3 match方法

它的唯一参数就是一个正在表达式(或通过RegExp()构造函数将其转换为正则表达式),返回的是一个由匹配结果组成的数组。如果该正则表达式设置了修饰符g,则该方法返回的数组包含字符串中的所有匹配结果。例如:

       "1 plus 2 equals 3".match(/\d+/g);      // 返回["1","2","3"]

如果这个正则表达式没有设置修饰符g,match()就不会进行全局检索,它只检索第一个匹配。但即使match()执行的不是全局检索,它也会返回一个数组。这种情况下,数组的第一个元素就是匹配的字符串,余下的元素则是正则表达式中用圆括号括起来的子表达式。例如,

       var url = /(\w+):\/\/([\w.]+)\/(\S*)/;

       var text = "Visit my blog at http://www.example.com/~david";

       var result = text.match(url);

       if(result != null) {

              var fullurl = result[0];              //包含"http://www.example.com/~david"

              var protocol = result[1];          //包含"http"

              var host = result[2];                 //包含"www.example.com"

              var path = result[3];                 //包含"~david"

       }

2.4 split方法

这个方法用以将调用它的字符串拆分成一个子串组成的数组,使用的分隔符是split()的参数。例如,

       "123,456,789".split(",");     //返回["123","456","789"]

split()方法的参数也可以是一个正则表达式,这使得split()方法异常强大。例如,可以指定分隔符,允许两边可以留任意多的空白符:

       "1,   2,    3,   4,  5".split(/\s*,\s*/);         返回["1","2","3","4","5"]

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页

打赏

萌萌的卡洛奇

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者