zoukankan      html  css  js  c++  java
  • JS支持正则表达式的 String 对象的方法

    注意:本文中所有方法的 RegExp 类型的参数,其实都支持传入 String 类型的参数,JS会直接进行字符串匹配。

    (相当于用一个简单的非全局正则表达式进行匹配,但字符串并没有转换成 RegExp 对象)

    search(RegExp)

    检索 stringObject  中第一个与 RegExp 相匹配的子串的起始位置。

    与 indexOf 方法类似,但 indexOf 方法不支持正则匹配,且可以指定检索的起始位置。

    需要注意的是,此方法不执行全局匹配,它会忽略 RegExp 的 g 标志。并且总是从字符串的开始进行检索,这意味着它总是返回 stringObject 的第一个匹配的位置。

    var str="I love JavaScript";
    document.write(str.search(/javascript/i));
    //运行结果:7
    //虽然search方法不支持 全局检索 g 标志,但还是支持 忽略大小写 i 标志的

    split(separator, howmany)

    以 separator 为边界,把一个字符串分割成字符串数组,字符串数组不包含 separator 本身。

    参数说明:

    separator:必需。字符串或正则表达式(RegExp/String),从该参数指定的地方分割 stringObject。

    howmany:可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.split("---"));
    //控制台返回结果:["Words", "[Hello:Hello],[Hi:Hi]"]

    注意:如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)

    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.split(/[(.*?):(.*?)]/));
    //控制台返回结果:["Words---", "Hello", "Hello", ",", "Hi", "Hi", ""]
    //正则表达式对象 /[(.*?):(.*?)]/ 匹配格式为:[任意字符串:任意字符串]
    //返回数组中,两个Hello和两个Hi是 与正则表达式中两个子表达式(.*?)相匹配的字符串

    match(RegExp)

    检索 stringObject  中一个或多个与 RegExp 匹配的值。返回一个存放匹配结果的数组。该数组的内容依赖于 RegExp 是否具有全局标志 g。

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

    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.match(/x/));
    //控制台返回结果:null
    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.match(/H/));
    //控制台返回结果:["H", index: 9, input: "Words---[Hello:Hello],[Hi:Hi]"]
    var str = "Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.match(/[(.*?):(.*?)]/));
    //控制台返回结果:["[Hello:Hello]", "Hello", "Hello", index: 8, input: "Words---[Hello:Hello],[Hi:Hi]"]
    //返回的数组中,各个元素分别对应:
    //[匹配文本, 第一个子表达式(.*?)的匹配文本, 第二个子表达式(.*?)的匹配文本, 匹配文本起始字符在stringObg中的位置, stringObj的引用]

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

    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.match(/x/g));
    //控制台返回结果:null
    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.match(/H/g));
    //控制台返回结果:["H", "H", "H", "H"]
    var str = "Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.match(/[(.*?):(.*?)]/g));
    //控制台返回结果:["[Hello:Hello]", "[Hi:Hi]"]

    replace(RegExp/String, replacement) 

    在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

    参数说明:

    RegExp/String:必需。规定子字符串或要替换的模式的 RegExp 对象。

    replacement:必需。可以是一个字符串(替换的文本),也可以是一个返回一个字符串(替换的文本)的函数。

    关于第一个参数

    请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。

    而且,此值为字符串时,它里面的“$”字符有特殊含义。

    字符替换文本
    $1、$2、...、$99 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
    $& 与 regexp 相匹配的子串。
    $` 位于匹配子串左侧的文本。
    $' 位于匹配子串右侧的文本。
    $$ 直接量符号。

    如例子:

    var str="Words---[Hello:AA],[Hi:BB]";
    console.info(str.replace(/[(.*?):(.*?)]/g, "$1"));
    //控制台返回结果:Words---Hello,Hi
    
    var str="Words---[Hello:AA],[Hi:BB]";
    console.info(str.replace(/[(.*?):(.*?)]/g, "替换$2"));
    //控制台返回结果:Words---替换AA,替换BB
    
    var str="Words---[Hello:AA],[Hi:BB]";
    console.info(str.replace(/[(.*?):(.*?)]/, "替换$`"));
    //控制台返回结果:Words---替换Words---,[Hi:BB]

    而当该值是一个 RegExp 对象,那么 replace 方法将根据 RegExp 对象的标志(g,i,gi)进行相应的匹配查找并替换

    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.replace("H", "A"));
    //控制台返回结果:Words---[Aello:Hello],[Hi:Hi]
    //str.replace("H", "A") 其实相当于 str.replace(/H/, "A")
    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.replace(/H/g, "A"));
    //控制台返回结果:Words---[Aello:Aello],[Ai:Ai]
    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.replace(/[(.*?):(.*?)]/, "替换文本"));
    //控制台返回结果:Words---替换文本,[Hi:Hi]
    var str="Words---[Hello:Hello],[Hi:Hi]";
    console.info(str.replace(/[(.*?):(.*?)]/g, "替换文本"));
    //控制台返回结果:Words---替换文本,替换文本

    关于第二个参数

    请注意,当此参数是一个函数时,它的参数个数以及每个参数对应的内容,会根据第一个参数的不同而有所区别,其规律与上面的 match 方法返回结果的规律有相似之处。

    var str="Words---[Hello:Hello],[Hi:Hi]";
    str.replace(/H/, function(a, b, c){
      //参数一不含子表达式,不带标志(相当于字符串匹配),共三个参数
      //
    三个参数分别对应:匹配文本, 匹配文本起始字符在stringObg中的位置, stringObj的引用   //TODO return 替换文本String })
    var str="Words---[Hello:Hello],[Hi:Hi]";
    str.replace(/H/g, function(a, b, c){
      //参数一不含子表达式,带全局标志g ,共三个参数
      //三个参数分别对应:匹配文本, 匹配文本起始字符在stringObg中的位置, stringObj的引用
      //由于参数一带全局标志,此匿名函数会根据查找到的【与参数一相匹配】内容的数量,而执行相应的次数(执行一次,就替换一次,return的内容就是替换文本)
      //TODO return 替换文本String })
    var str="Words---[Hello:Hello],[Hi:Hi]";
    str.replace(/[(.*?):(.*?)]/, function(a, b, c, d, e){
      //参数一含2个子表达式,不带标志,共五个参数
      //五个参数分别对应:
      //匹配文本, 第一个子表达式(.*?)的匹配文本,第二个子表达式(.*?)的匹配文本, 匹配文本起始字符在stringObg中的位置, stringObj的引用

      //不难推断,关于此匿名函数的参数规律:
      //参数的个数 = 子表达式的个数 + 3
      //参数结构:匹配文本, 子表达式个数*[子表达式匹配文本,] 匹配文本起始字符在stringObg中的位置, stringObj的引用
      //TODO return 替换文本String })
    var str="Words---[Hello:Hello],[Hi:Hi]";
    str.replace(/[(.*?):(.*?)]/, function(a, b, c, d, e){
      //参数一含2个子表达式,带全局标志g,共五个参数
      //五个参数分别对应:
      //匹配文本, 第一个子表达式(.*?)的匹配文本,第二个子表达式(.*?)的匹配文本, 匹配文本起始字符在stringObg中的位置, stringObj的引用
    
      //参数与前一例子情况相同,全局查找替换,函数会根据匹配内容的数量而执行多次,在这一例子中执行了2次
    
      //TODO return 替换文本String
    })
  • 相关阅读:
    java学习day39--SSM整合(方案二)
    java学习day39--SSM整合(方案一)
    @PathVariable注解的作用
    Ajax接收Json数据,调用template模板循环渲染页面的方法
    JS中的DOM与BOM
    关于req.params、req.query、req.body等请求对象
    EJS 高效的 JavaScript 模板引擎
    JavaScript中的变量在内存中的具体存储形式
    JavaScript规定了几种语言类型?
    移动端电商项目总结
  • 原文地址:https://www.cnblogs.com/czf-zone/p/3462654.html
Copyright © 2011-2022 走看看