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

简介: 【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:新的内容。(默认只会替换第一个)
        相关文章
        |
        29天前
        |
        机器学习/深度学习 前端开发 Windows
        【夯实技术基本功】「底层技术原理体系」全方位带你认识和透彻领悟正则表达式(Regular Expression)的开发手册(正则符号深入解析 )
        【夯实技术基本功】「底层技术原理体系」全方位带你认识和透彻领悟正则表达式(Regular Expression)的开发手册(正则符号深入解析 )
        32 0
        |
        1月前
        |
        移动开发 JavaScript 前端开发
        JavaScript的正则表达式实现邮箱校验
        JavaScript的正则表达式实现邮箱校验
        53 1
        |
        1月前
        |
        JavaScript 前端开发 开发者
        正则表达式深度解析:斜杠的妙用
        【2月更文挑战第29天】
        215 0
        正则表达式深度解析:斜杠的妙用
        |
        1月前
        |
        JavaScript 前端开发
        JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
        JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
        |
        5天前
        |
        JavaScript 前端开发 UED
        深入解析JavaScript原生操作DOM技术
        【4月更文挑战第22天】本文深入探讨JavaScript原生DOM操作技术,包括使用`getElement*`方法和CSS选择器获取元素,借助`createElement`与`appendChild`动态创建及插入元素,修改元素内容、属性和样式,以及删除元素。通过掌握这些技术,开发者能实现页面动态交互,但应注意避免过度操作DOM以优化性能和用户体验。
        |
        5天前
        |
        前端开发 JavaScript 编译器
        深入解析JavaScript中的异步编程:Promises与async/await的使用与原理
        【4月更文挑战第22天】本文深入解析JavaScript异步编程,重点讨论Promises和async/await。Promises用于管理异步操作,有pending、fulfilled和rejected三种状态。通过.then()和.catch()处理结果,但可能导致回调地狱。async/await是ES2017的语法糖,使异步编程更直观,类似同步代码,通过事件循环和微任务队列实现。两者各有优势,适用于不同场景,能有效提升代码可读性和维护性。
        |
        1月前
        |
        监控 JavaScript 前端开发
        JavaScript 正则表达式详解
        【2月更文挑战第26天】
        34 1
        JavaScript 正则表达式详解
        |
        1月前
        |
        自然语言处理 JavaScript 前端开发
        Vue.js 深度解析:模板编译原理与过程
        Vue.js 深度解析:模板编译原理与过程
        |
        1月前
        |
        缓存 JavaScript 网络架构
        Vue.js 进阶技巧:keep-alive 缓存组件解析
        Vue.js 进阶技巧:keep-alive 缓存组件解析
        |
        2天前
        |
        XML 人工智能 Java
        Spring Bean名称生成规则(含源码解析、自定义Spring Bean名称方式)
        Spring Bean名称生成规则(含源码解析、自定义Spring Bean名称方式)

        推荐镜像

        更多