• 技术文章 >web前端 >前端问答

    javascript中使用正则的方法有哪些

    青灯夜游青灯夜游2022-01-12 16:45:31原创54

    javascript中的正则方法:1、exec(),用于检索字符串中的正则表达式的匹配;2、test(),用于检测一个字符串是否匹配指定正则表达式;3、toString();4、replace();5、match();6、search()。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    什么是正则

    正则表达式是描述字符模式的对象。

    正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。

    RegExp 对象方法

    方法描述
    compile在 1.5 版本中已废弃。 编译正则表达式。
    exec检索字符串中指定的值。返回找到的值,并确定其位置。
    test检索字符串中指定的值。返回 true 或 false。
    toString返回正则表达式的字符串。

    支持正则表达式的 String 对象的方法

    方法描述FFIE
    search检索与正则表达式相匹配的值。14
    match找到一个或多个正则表达式的匹配。14
    replace替换与正则表达式匹配的子串。14
    split把字符串分割为字符串数组。14

    JavaScript exec() 方法

    exec() 方法用于检索字符串中的正则表达式的匹配。

    如果字符串中有匹配的值返回该匹配值,否则返回 null。

    var str="Hello world!";
    //查找"Hello"
    var patt=/Hello/g;
    var result=patt.exec(str);
    document.write("返回值: " +  result); 
    //查找 "php"
    patt=/php/g;
    result=patt.exec(str);
    document.write("<br>返回值: " +  result);

    1.png

    JavaScript test() 方法

    test() 方法用于检测一个字符串是否匹配某个模式。

    如果字符串中有匹配的值返回 true ,否则返回 false。

    var str="Hello world!";
    //查找"Hello"
    var patt=/Hello/g;
    var result=patt.test(str);
    document.write("返回值: " +  result); 
    //查找 "php"
    patt=/php/g;
    result=patt.test(str);
    document.write("<br>返回值: " +  result);

    2.png

    JavaScript RegExp toString() 方法

    toString() 方法返回正则表达式的字符串值。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    
    <p>点击按钮返回正则表达式的字符串值。</p>
    
    <button onclick="myFunction()">点我</button>
    	
    <p id="demo"></p>
    	
    <script>
    function myFunction() {
        var patt = new RegExp("PHP中文网", "g");
        var res = patt.toString();
        document.getElementById("demo").innerHTML = res;
    }
    </script>
    
    </body>
    </html>

    1.gif

    JavaScript replace() 方法

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

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    
    <p>单击按钮将段落中的“blue”替换成“red”。</p>
    <p id="demo">Mr Blue has a blue house and a blue car.</p>
    <button onclick="myFunction()">点我</button>
    <script>
    function myFunction(){
    	var str=document.getElementById("demo").innerHTML; 
    	var n=str.replace(/blue/gi,"red");
    	document.getElementById("demo").innerHTML=n;
    }
    </script>
    
    </body>
    </html>

    2.gif

    JavaScript match() 方法

    match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    
    <p id="demo">单击按钮显示matches</p>
    <button onclick="myFunction()">点我</button>
    <script>
    function myFunction(){
    	var str="The rain in SPAIN stays mainly in the plain"; 
    	var n=str.match(/ain/g);
    	document.getElementById("demo").innerHTML=n;
    }
    </script>
    
    </body>
    </html>

    3.gif

    JavaScript search() 方法

    search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

    如果没有找到任何匹配的子串,则返回 -1。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    
    <p id="demo">单击显示查找的位置</p>
    <button onclick="myFunction()">点我</button>
    <script>
    function myFunction(){
    	var str="Mr. Blue has a blue house"
    	var n=str.search("blue");
    	document.getElementById("demo").innerHTML=n;
    }
    </script>
    
    </body>
    </html>

    4.gif

    【相关推荐:javascript学习教程

    以上就是javascript中使用正则的方法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 正则
    上一篇:javascript中writeln的意思是什么 下一篇:type="text/javascript"表示什么意思
    php中文网线上培训班

    相关文章推荐

    • javascript中的style的用法是什么• 实例分享之JavaScript实现贪吃蛇小游戏• 聊聊JavaScript中的7种位运算符,看看在实战中如何妙用?• 总结15个JavaScript开发技巧(整理分享)• 怎样利用Javascript简单实现星空连线的效果• javascript怎样去掉换行符

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网