zoukankan      html  css  js  c++  java
  • js进阶js中支持正则的四个常用字符串函数(search march replace split)

    js进阶js中支持正则的四个常用字符串函数(search march replace split)

    一、总结

    代码中详细四个函数的用法

    search march replace split

    二、js进阶js中支持正则的四个常用字符串函数

    正则表达式

    RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。

    正则表达式简洁且功能强大,通常用来匹配字符串,比如在表单验证中检验用户输入是否合法。它并不仅仅在JavaScript中可以使用,众多的高级编程语言都支持正则表达式。

    接下来我们通过一个简单是实例来体会正则表达式的用法。

    准备工作

    复习学过的字符串常用操作方法
    • search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

      该参数可以是需要在 stringObject 中检索的子串,也可以是需要检索的 RegExp 对象。

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

      该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

    • replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
    • split() 方法用于把一个字符串分割成字符串数组。

    三、代码

      1 <!DOCTYPE html>
      2 <html lang="zh-cn">
      3 <head>
      4   <meta charset="utf-8">
      5   <title>课堂演示</title>
      6 </head>
      7 <body>
      8   <script type="text/javascript">
      9       var str="HTML5 javascript CSS JOSN";
     10       document.write('<li>'+str.search('j')+'<br>' //返回的是位置
     11       +'<li>'+str.search('k')+'<br>'  //找不到会返回-1
     12       +'<li>'+str.match('CSS')+'<br>' //返回的是值不是位置
     13       +'<li>'+str.match('VVV')+'<br>' //没有会返回null
     14       +'<li>'+str.replace('javascript','JS')
     15       //返回替换后的字符串
     16       +'<li>'+str.split(" ",3) //以空格分隔,第二个参数是返回数组中的元素的个数
     17       )  
     18   </script>
     19 </body>
     20 </html>
    
  • 相关阅读:
    如何将baidu地图中的baidu logo 去掉
    漂亮的圆角文本框 CSS3实现
    jQuery数字加减插件
    腾迅股票数据接口 http/javascript
    JS复制内容到剪贴板(兼容FF/Chrome/Safari所有浏览器)
    关于编写性能高效的javascript事件的技术
    想做web开发 就学JavaScript
    git的简单理解及基础操作命令
    《CSS权威指南》基础复习+查漏补缺
    TypeScript Writing .d.ts files(编写声明文件)
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9074837.html
Copyright © 2011-2022 走看看