• 技术文章 >web前端 >js教程

    JavaScript replace字符串替换函数的用法

    巴扎黑巴扎黑2016-11-25 11:09:04原创732
    replace
    语法 stringObj.replace(rgExp, replaceText)
    stringObj 必选项。要执行该替换的 String 对象或文字。该对象不会被 replace 方法修改。
    rgExp 必选项。描述要查找的内容的一个正则表达式对象。
    replaceText 必选项。是一个String 对象或文字,对于stringObj 中每个匹配 rgExp 中的位置都用该对象所包含的文字加以替换。
    例如:

    Js代码

    <script language="JavaScript">

    var strM = "javascript is a good script language";

    //在此我想将字母a替换成字母A

    alert(strM.replace("a","A"));

    </script>

    这样只能替换第一个“a”字母

    <script language="javascript">

    var strM = "javascript is a good script language";

    //在此将字母a全部替换成字母A

    alert(strM.replace(/a/g,"A"));

    </script>

    这样可以替换所有“a”字母。其中g为全局标志



    JavaScript--正则表达式

      正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。

    正则表达式构造函数: new RegExp("pattern"[,"flags"]);
    参数说明:
    pattern -- 一个正则表达式文本
    flags -- 如果存在,将是以下值:
    g: 全局匹配
    i: 忽略大小写
    gi: 以上组合

    在构造函数中,一些特殊字符需要进行转意(在特殊字符前加"\")。正则表达式中的特殊字符:
    字符 含意
    \ 转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为

    匹配一个单词的边界。
    -或-
    对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/

    将只匹配"a*"。
    ^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a"
    $ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A"
    * 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa
    + 匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa
    ? 匹配前面元字符0次或1次,/ba*/将匹配b,ba
    (x) 匹配x保存x在名为$1...$9的变量中
    x|y 匹配x或y
    {n} 精确匹配n次
    {n,} 匹配n次以上
    {n,m} 匹配n-m次
    [xyz] 字符集(character set),匹配这个集合中的任一一个字符(或元字符)
    [^xyz] 不匹配这个集合中的任何一个字符
    [\b] 匹配一个退格符
    \b 匹配一个单词的边界
    \B 匹配一个单词的非边界
    \cX 这儿,X是一个控制符,/\cM/匹配Ctrl-M
    \d 匹配一个字数字符,/\d/ = /[0-9]/
    \D 匹配一个非字数字符,/\D/ = /[^0-9]/
    \n 匹配一个换行符
    \r 匹配一个回车符
    \s 匹配一个空白字符,包括\n,\r,\f,\t,\v等
    \S 匹配一个非空白字符,等于/[^\n\f\r\t\v]/
    \t 匹配一个制表符
    \v 匹配一个重直制表符
    \w 匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98"

    中的5,等于[a-zA-Z0-9]
    \W 匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。

    说了这么多了,我们来看一些正则表达式的实际应用的例子:
    HTML代码的屏蔽

    Js代码

    function mask_HTMLCode(strInput) {

    var myReg = /<(\w+)>/;

    return strInput.replace(myReg, "&lt;$1&gt;");

    }

    E-mail地址验证:

    function test_email(strEmail) {

    var myReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;

    if(myReg.test(strEmail)) return true;

    return false;

    }


    正则表达式对象的属性及方法:
    预定义的正则表达式拥有有以下静态属性:input, multiline, lastMatch, lastParen, leftContext,

    rightContext和$1到$9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据

    不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字,并且,这两个名字指向同一个值。(

    JavaScript模拟perl的正则表达式)

    正则表达式对象的属性:
    属性 含义
    $1...$9 如果它(们)存在,是匹配到的子串
    $_ 参见input
    $* 参见multiline
    $& 参见lastMatch
    $+ 参见lastParen
    $` 参见leftContext
    $''          参见rightContext
    constructor    创建一个对象的一个特殊的函数原型
    global       是否在整个串中匹配(bool型)
    ignoreCase     匹配时是否忽略大小写(bool型)
    input        被匹配的串
    lastIndex     最后一次匹配的索引
    lastParen     最后一个括号括起来的子串
    leftContext    最近一次匹配以左的子串
    multiline     是否进行多行匹配(bool型)
    prototype     允许附加属性给对象
    rightContext    最近一次匹配以右的子串
    source       正则表达式模式
    lastIndex     最后一次匹配的索引

    正则表达式对象的方法:
    方法 含义
    compile      正则表达式比较
    exec        执行查找
    test        进行匹配
    toSource      返回特定对象的定义(literal

    representing),其值可用来创建一个新的对象。重载Object.toSource方法得到的。
    toString      返回特定对象的串。重载Object.toString方法得到的。
    valueOf      返回特定对象的原始值。重载Object.valueOf方法得到


    例子:

    Js代码

    <script language = "JavaScript">

    var myReg = /(w+)s(w+)/;

    var str = "John Smith";

    var newstr = str.replace(myReg, "$2, $1");

    document.write(newstr);

    </script>

    将输出"Smith, John"

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    上一篇:JS日期相加減函數整理 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 一文聊聊node中的path模块• 浅析Angular变更检测中的订阅异步事件• 聊聊如何选择一个最好的Node.js Docker镜像?• Angular中什么是变更检测?什么情况下会引起变更检测?• 一文带你深入了解Node中的Buffer类
    1/1

    PHP中文网