zoukankan      html  css  js  c++  java
  • JavaScript语言精粹--replace()与正则

    今天有人问我repalce(),他那个题目很有意思。我也不会做,于是我就去查,结果发现就是最基础的知识的延伸。

    所以啊最基础的知识才是很重要的,千万不能忽略,抓起JS就写代码完全不知到所以然,只知道写,但是为什么这么写呢?不知道。

    1.JS replace()方法

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

    stringObject.replace(regexp/substr,replacement)
    参数               描述
    regexp/substr    必需。规定子字符串或要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
    replacement      必需。一个字符串值。规定了替换文本或生成替换文本的函数。

    2.replace()这个方法中进行简单的替换是很简单,但是它的灵魂之处却在于去用正则表达式去替换东西,非常巧妙实用!

    var str="Visit Microsoft!"
    document.write(str.replace(/Microsoft/, "W3School"))

    输出:Visit W3School!

    3.如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。

    var str="Welcome to Microsoft! "
    str=str + "We are proud to announce that Microsoft has "
    str=str + "one of the largest Web Developers sites in the world."
    
    document.write(str.replace(/Microsoft/g, "W3School"))
    
    //Welcome to W3School! We are proud to announce that W3Schoo has one of the largest Web Developers sites in the world.

    4.用它来确保匹配字符串大写字符的正确性

    text = "javascript Tutorial";
    text.replace(/javascript/i, "JavaScript");

    5.替换涉及到的一些简单常用的正则表达式

    a.JavaScript正则表达式的实现

    JavaScript对正则表达式的支持是通过ECMAScript中的RegExp类实现的,RegExp对象的构造函数可以带一个或两个参数。第一个参数描述需要进行匹配的模式字符串,第二个参数指定了额外的处理指令。

     举例1:表达式 "c",在匹配字符串 "abcde" 
    匹配结果是:成功
    匹配到的内容是:"c";匹配到的位置是:开始于2,结束于3。
     举例2:表达式 "bcd",在匹配字符串 "abcde" 
    匹配结果是:成功
    匹配到的内容是:"bcd";匹配到的位置是:开始于1,结束于4。

    b.一些简单的转义

    /r, /n

    代表回车和换行符

    /t

    制表符

    //

    代表 "/" 本身

    /^

    匹配 ^ 符号本身

    /$

    匹配 $ 符号本身

    /.

    匹配小数点(.)本身

      举例:表达式 "/$d",在匹配字符串 "abc$de" 时,匹配结果是:成功;匹配到的内容是:"$d";匹配到的位置是:开始于3,结束于5。

    /d

    任意一个数字,0~9 中的任意一个

    /w

    任意一个字母或数字或下划线,也就是 A~Z,a~z,0~9,_ 中任意一个

    /s

    包括空格、制表符、换页符等空白字符的其中任意一个

    .

    小数点可以匹配除了换行符(/n)以外的任意一个字符

      举例1:表达式 "/d/d",在匹配 "abc123" 时,匹配的结果是:成功;匹配到的内容是:"12";匹配到的位置是:开始于3,结束于5。
    
      举例2:表达式 "a./d",在匹配 "aaa100" 时,匹配的结果是:成功;匹配到的内容是:"aa1";匹配到的位置是:开始于1,结束于4。

    [ab5@]

    匹配 "a" 或 "b" 或 "5" 或 "@"

    [^abc]

    匹配 "a","b","c" 之外的任意一个字符

    [f-k]

    匹配 "f"~"k" 之间的任意一个字母

    [^A-F0-3]

    匹配 "A"~"F","0"~"3" 之外的任意一个字符

     举例1:表达式 "[bcd][bcd]" 匹配 "abc123" 时,匹配的结果是:成功;匹配到的内容是:"bc";匹配到的位置是:开始于1,结束于3。
    
     举例2:表达式 "[^abc]" 匹配 "abc123" 时,匹配的结果是:成功;匹配到的内容是:"1";匹配到的位置是:开始于3,结束于4。

    {n}

    表达式重复n次,比如:"/w{2}" 相当于 "/w/w";"a{5}" 相当于 "aaaaa"

    {m,n}

    表达式至少重复m次,最多重复n次,比如:"ba{1,3}"可以匹配 "ba"或"baa"或"baaa"

    {m,}

    表达式至少重复m次,比如:"/w/d{2,}"可以匹配 "a12","_456","M12344"...

    ?

    匹配表达式0次或者1次,相当于 {0,1},比如:"a[cd]?"可以匹配 "a","ac","ad"

    +

    表达式至少出现1次,相当于 {1,},比如:"a+b"可以匹配 "ab","aab","aaab"...

    *

    表达式不出现或出现任意次,相当于 {0,},比如:"/^*b"可以匹配 "b","^^^b"...

      举例1:表达式 "/d+/.?/d*" 在匹配 "It costs $12.5" 时,匹配的结果是:成功;匹配到的内容是:"12.5";匹配到的位置是:开始于10,结束于14。
    
      举例2:表达式 "go{2,8}gle" 在匹配 "Ads by goooooogle" 时,匹配的结果是:成功;匹配到的内容是:"goooooogle";匹配到的位置是:开始于7,结束于17。

    ^

    与字符串开始的地方匹配,不匹配任何字符

    $

    与字符串结束的地方匹配,不匹配任何字符

    /b

    匹配一个单词边界,也就是单词和空格之间的位置,不匹配任何字符

    举例1:表达式 "^aaa" 在匹配 "xxx aaa xxx" 时,匹配结果是:失败。因为 "^" 要求与字符串开始的地方匹配,因此,只有当 "aaa" 位于字符串      的开头的时候,"^aaa" 才能匹配,比如:"aaa xxx xxx"。
    
    举例2:表达式 "aaa$" 在匹配 "xxx aaa xxx" 时,匹配结果是:失败。因为 "$" 要求与字符串结束的地方匹配,因此,只有当 "aaa" 位于字符串      的结尾的时候,"aaa$" 才能匹配,比如:"xxx xxx aaa"。
    
    举例3:表达式 "./b." 在匹配 "@@@abc" 时,匹配结果是:成功;匹配到的内容是:"@a";匹配到的位置是:开始于2,结束于4。
          进一步说明:"/b" 与 "^" 和 "$" 类似,本身不匹配任何字符,但是它要求它在匹配结果中所处位置的左右两边,其中一边是 "/w" 范围,另      一边是 非"/w" 的范围。
    
    举例4:表达式 "/bend/b" 在匹配 "weekend,endfor,end" 时,匹配结果是:成功;匹配到的内容是:"end";匹配到的位置是:开始于15,结束于      18。
  • 相关阅读:
    视频播放
    调用原生硬件 Api 实现照相机 拍照和相册选择 以及拍照上传
    获取设备信息 以及 获取地 理位置
    flutter_html 和 WebView 解析html 和 build.gradle源码
    flutter Dio()网络请求
    AlertDialog 、SimpleDialog、 showModalBottomSheet、showToast 自定义 Dialog
    前端小白页面开发注意事项及小工具(htmlcssjs)
    box-shadow 画叮当猫
    什么是冒泡排序?
    console.log
  • 原文地址:https://www.cnblogs.com/zqzjs/p/4457017.html
Copyright © 2011-2022 走看看