【JavaScript】<正则表达式Regular Expression>JavaScript正则表达式解析

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 【1月更文挑战第17天】【JavaScript】<正则表达式Regular Expression>JavaScript正则表达式解析

目录

一、创建正则表达式对象:

1.使用new RegExp对象方式:

2.使用字面量方式:

二、字符串&正则表达式API:

1.split字符串分割:

2.search字符串检索:

3.match字符串检索:

4.replace字符串替换:


常用的正则表达式:
   正则表达式 Regular Expression,用于定义一些字符串规则,计算机根据这些正则表达式,来检验一个字符串是否符合预先定义的规则,或者将字符串中符合规则的内容提取出来。

       正则表达式本身是一个对象。


一、创建正则表达式对象:

1.使用new RegExp对象方式:

       创建一个正则表达式对象:var 正则表达式变量名 = new RegExp("正则表达式", "匹配模式");

       使用正则表达式方法test()可以用来检验一个字符串是否符合正则规则表达式的规则,如果符合则返回true,否则返回false。不填写匹配模式,默认情况下,正则表达式区分严格区分大小。

// 创建一个正则表达式对象:
// var 正则表达式变量名 = new RegExp("正则表达式", "匹配模式");
var reg = new RegExp("a"); //只要字符串中包含a
var str = "krian";
// 使用test()方法测试字符串是否符合正则表达式规则:
var result = reg.test(str);
console.log(result);

image.gif

       在构造函数中,可以传递一个匹配模式参数

    • i:忽略大小写
    • g:全局匹配模式

    2.使用字面量方式:

    语法:var 正则表达式名 = / 正则表达式 / 匹配模式

      • - :表示匹配内容区间
      • [ ] :表示任意[ ]中的内容都可以完成匹配
      • [ ^ ]:表示除了^后面内容都可以完成匹配
      • { }:指定重复次数

      image.gif编辑


      二、字符串&正则表达式API:

      1.split字符串分割:

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

      2.search字符串检索:

             可以搜索字符串中是否含有指定的内容。如果搜索到指定内容,则返回第一次出现的索引,如果没有搜索到则返回-1。它可以接受以一个正则表达式作为参数,然后会根据正则表达式去检索字符串

      3.match字符串检索:

             可以根据正则表达式,从一个字符串中将符合条件的内容提取出来。

             默认情况下match只会找到第一个符合要求的内容,找到以后就停止检索。我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容。

             可以为一个正则表达式设置多个匹配模式,且顺序无所谓match会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果。

      4.replace字符串替换:

      可以将字符串中指定内容替换为新的内容。

        • 参数1:被替换的内容,可以接受一个正则表达式作为参数
        • 参数2:新的内容。(默认只会替换第一个)
        相关文章
        |
        4月前
        |
        前端开发 JavaScript 安全
        javascript:void(0);用法及常见问题解析
        【6月更文挑战第3天】JavaScript 中的 `javascript:void(0)` 用于创建空操作或防止页面跳转。它常见于事件处理程序和超链接的 `href` 属性。然而,现代 web 开发推荐使用 `event.preventDefault()` 替代。使用 `javascript:void(0)` 可能涉及语法错误、微小的性能影响和XSS风险。考虑使用更安全的替代方案,如返回 false 或箭头函数。最佳实践是保持代码清晰、安全和高性能。
        171 0
        |
        2月前
        |
        JavaScript 前端开发 UED
        Javaweb之javascript的小案例的详细解析
        通过上述步骤,我们得到了一个动态更新的实时时钟,这个简单的JavaScript案例展示了定时器的使用方法,并讲解了如何处理日期和时间。这个案例说明了JavaScript在网页中添加动态内容与交互的能力。对于涉足JavaWeb开发的学习者来说,理解和运用这些基础知识非常重要。
        36 11
        |
        1月前
        |
        JavaScript 前端开发 API
        Javaweb之javascript的BOM对象的详细解析
        BOM为Web开发提供了强大的API,允许开发者与浏览器进行深入的交互。合理使用BOM中的对象和方法,可以极大地增强Web应用的功能性和用户体验。需要注意的是,BOM的某些特征可能会在不同浏览器中表现不一致,因此在开发过程中需要进行仔细的测试和兼容性处理。通过掌握BOM,开发者能够制作出更丰富、更动态、更交互性的JavaWeb应用。
        18 1
        |
        2月前
        |
        缓存 JavaScript 前端开发
        |
        1月前
        |
        自然语言处理 前端开发 JavaScript
        Javaweb之javascript的详细解析
        通过明确JavaScript的定位,掌握其核心概念和相关技术栈,在实现交互丰富的Web应用时,JavaScript就能够发挥它不可替代的作用。随着前后端分离趋势的推进,JavaScript在现代 Web 开发中变得更加重要,不仅限于传统的 JavaWeb 应用,而是广泛应用于各种类型的前端项目。
        15 0
        |
        2月前
        |
        XML JavaScript 前端开发
        JavaScript中的DOM解析器DOMParser api的讲解
        `DOMParser`能将XML或HTML源码字符串解析成DOM `Document`。通过`new DOMParser()`创建实例,使用`.parseFromString(string, type)`方法进行解析,其中`string`为待解析的字符串,`type`指定解析类型如`text/html`或`text/xml`等,返回一个`Document`对象。例如,可解析包含`<p>666</p>`的字符串并获取其文本内容`666`。
        102 1
        |
        2月前
        |
        JavaScript 前端开发
        |
        2月前
        |
        存储 JavaScript 前端开发
        一文带你深度解析:JavaScript中对象与数组的威力究竟有多大?
        一文带你深度解析:JavaScript中对象与数组的威力究竟有多大?
        |
        2月前
        |
        JavaScript 前端开发 开发者
        深入解析JavaScript中的比较操作符
        【8月更文挑战第20天】
        18 0
        |
        3月前
        |
        JSON JavaScript 前端开发
        DVWA JavaScript 通关解析
        DVWA JavaScript 通关解析

        推荐镜像

        更多
        下一篇
        无影云桌面