JavaScript基础&实战 JS中正则表达式的使用

简介: 这篇文章介绍了JavaScript中正则表达式的使用,包括正则表达式的创建、匹配模式、字符串匹配、拆分、搜索、匹配和替换等方法,并通过示例代码展示了如何应用这些技术。

文章目录

  • 1、正则表达式
    • 1.1 代码
    • 1.2 测试结果
  • 2、splict | search
    • 2.1 代码
    • 2.2 测试结果

1、正则表达式

在这里插入图片描述

1.1 代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>正则表达式</title>
    <style type="text/css"> </style>

    <script type="text/javascript">

    /*
              正则表达式用于一些字符串的规则
                 计算机可以根据正则表达式,来检查一个字符串是否符合规则
                 获取将字符串中符合规则的内容提取出来

            //创建正则表达式的对象


                语法:
                   var 变量 = new RegExp("正则表达式","匹配模式");
                   使用typeof检查正则对象,返回object    

                   匹配模式:
                          i 执行对大小写不敏感的匹配。
                          g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
                          m 执行多行匹配。



                   正则表达式的方法:
                        test()
                             使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,
                                 如果符合则返回true,否则返回false


    */

              var reg = new RegExp("a","i");
              console.log(reg.test("A"))

              /*
                      使用字面量创建正则表达式
                                         语法: var 变量 =/正则表达式/匹配模式

                                         []里边的内容也是或的意思

                                         [abc] 查找方括号之间的任何字符。
                                         [^abc] 查找任何不在方括号之间的字符。
                                         [0-9] 查找任何从 0 至 9 的数字。
                                         [a-z] 查找任何从小写 a 到小写 z 的字符。
                                         [A-Z] 查找任何从大写 A 到大写 Z 的字符。
                                         [A-z] 查找任何从大写 A 到小写 z 的字符。

              */

              var reg =/a/i;
              console.log(reg.test("a"));

            //   使用| 表示或的意思
              reg =/a|b|c/;
              console.log(reg.test("adggg"));

              reg = /[afcd]/;
              console.log(reg.test("aerwf"));

              reg = /[a-z]/g;
              console.log(reg.test("f"));

            //   检查一个字符串中是否含有abc或adc或aec

            reg = /a[bdc]c/g;
            console.log(reg.test("adc"));



    </script>
</head>

<body>

</body>

</html>

1.2 测试结果

在这里插入图片描述

2、splict | search

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.1 代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>标题</title>
    <style type="text/css"> </style>

    <script type="text/javascript">
    /*

             split()
                     可以将一个字符串拆分为一个数组
                      - 方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串

    */

            // 可以根据任意字母来将字符串拆分

            var str = "1a3d5d6g3b7x3c9";
            var result = str.split(/[A-z]/);
            console.log(result);

    /*
      search() 
              - 可以搜索字符串中是否有指定内容
              - 如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到返回-1

    */

            var str1 = "Hello adc JS afc I am your father abc !!!!";
            var result1 = str1.search("JSw");

            var result2 = str1.search(/a[abc]c/);
            console.log(result2);
            console.log(result1);

    /*
            match()
                 - 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
                 - 默认的情况下我们的match只会找到第一个符合要求的内容,找到以后就停止检索  
                       可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
                       可以为一个正则表达式设置多个匹配模式,且顺序无所谓

                - mathc() 会将匹配到的内容封装到一个数组中返回,即使只查到一个结果

    */

             var str1 = "Hello234 adc JS af6789c I am y555our fathe9999r abc !!!!";
             result = str1.match(/[a-z]/gi);
             console.log(result);

    /*
             replace()
                      - 可以将字符串中指定内容替换为新的内容
                      - 参数:
                            1、被替换的内容
                            2、新的内容      

                            默认替换第一个

    */

          var str1 = "Hello234 adc JS af6789c I am y555our fathe9999r abc !!!!";
          result = str1.replace(/[a]/g,"@@");
          console.log(result);

          result2 = str1.replace(/[A-z]/g,"");
          console.log(result2);



    </script>
</head>

<body>

</body>

</html>

2.2 测试结果

在这里插入图片描述

相关文章
|
5天前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包:原理与实战
【10月更文挑战第12天】深入理解JavaScript中的闭包:原理与实战
|
8天前
|
SQL 前端开发 JavaScript
Nest.js 实战 (十五):前后端分离项目部署的最佳实践
这篇文章介绍了如何使用现代前端框架Vue3和后端Node.js框架Nest.js实现的前后端分离架构的应用,并将其部署到生产环境。文章涵盖了准备阶段,包括云服务器的设置、1Panel面板的安装、数据库的安装、域名的实名认证和备案、SSL证书的申请。在部署Node服务环节,包括了Node.js环境的创建、数据库的配置、用户名和密码的设置、网站信息的填写、静态网站的部署、反向代理的配置以及可能遇到的常见问题。最后,作者总结了部署经验,并希望对读者有所帮助。
45 11
|
8天前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
14天前
|
数据采集 JSON 前端开发
JavaScript逆向爬虫实战分析
JavaScript逆向爬虫实战分析
17 4
|
14天前
|
前端开发 JavaScript API
JavaScript逆向爬取实战——使用Python实现列表页内容爬取(二)
JavaScript逆向爬取实战——使用Python实现列表页内容爬取(二)
16 2
|
14天前
|
人工智能 JavaScript 前端开发
使用Node.js模拟执行JavaScript
使用Node.js模拟执行JavaScript
15 2
|
14天前
|
前端开发 JavaScript API
JavaScript逆向爬取实战——使用Python实现列表页内容爬取(一)
JavaScript逆向爬取实战——使用Python实现列表页内容爬取(一)
15 1
|
14天前
|
消息中间件 JavaScript 前端开发
用于全栈数据流的 JavaScript、Node.js 和 Apache Kafka
用于全栈数据流的 JavaScript、Node.js 和 Apache Kafka
34 1
|
15天前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
44 1
|
5天前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具