正则表达式

正则表达式

什么是正则表达式?

  • 介绍:正则表达式是构成*搜索模式(search pattern)*的字符序列。

    复制代码
     	 当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容。

    ​ 正则表达式可以是单字符,或者更复杂的模式。

    ​ 正则表达式可用于执行所有类型的文本搜索文本替换操作。

  • 作用:通常用来验证数据格式、查找替换文本等。

  • 定义::

    • 正则表达式字面量(注意不要加引号)

      JS 复制代码
      const reg1 = /abc/;
    • 创建正则对象RegExp

      js 复制代码
      const reg2 = new RegExp('abc');
  • 方法:

    test(str):判断指定字符串是否符合规则,符合返回true;不符合返回false。

  • 语法:

    1. 普通字符:大多数的字符仅能描述它们本身,这些字符称作普通字符,比如字母和数字。

    2. 特殊字符:是一些具有特殊含义的字符,可以极大提高了灵活性和强大的匹配功能。

    3. 量词:表示要匹配的字符或表达式的数量。

符号 含义
^ 表示以谁开始
$ 表示以谁结束
[ ] 表示某个范围内的单个字符,如:[0-9]单个数字字符
. 表示任意单个字符,除了换行和行结束符
\w 代表单词字符:字母、数字、下划线(),相当于[A-Za-z0-9]
\d 代表数字字符:相当于[0-9]
\s 代表空格(包括换行符、制表符、空格等)
符号 含义
零个或一个
* 零个或多个
+ 一个或多个
{n} n个
{m,} 至少m个
{m,n} 至少m个,最多n个

示例:

js 复制代码
  <script>
    let str1 = 'hello World';
    let str2 = '二哈很二o';
    let str3 = 'er哈就是很二o';
    let str4 = '二哈就是很二';

    console.log(/\w+/.test(str1)); //true
    console.log(/\w+/.test(str2)); //true
    console.log(/\w+/.test(str3)); //true
    console.log(/\w+/.test(str4)); //false

    const reg1 = /abc/;
    const reg2 = new RegExp('abc');
    console.log(reg1.test('my name is : abc')); //true
    console.log(reg2.test('my name is : abc')); //true
  </script>
相关推荐
搜狐技术产品小编20235 分钟前
深度解析与业务实战:将 screenshot-to-code 改造为支持 React + Ant Design 的前端利器
前端·javascript·react.js·前端框架·ecmascript
Rik7 分钟前
Cursor Rules 深度玩法:从全局配置到项目级规则,让 AI 真正理解你的项目
前端·后端
weixin_471383039 分钟前
set和map结构,减少O(n)复杂度
前端·javascript
hunteritself13 分钟前
GPT Image2 + Seedance 2.0:3 小时从剧本到 AI 互动影游,深度实测复盘
前端·数据库·人工智能·深度学习·transformer
独秀不如众秀20 分钟前
前端页面引擎协议:由浅入深——从 30 行到 vform3 的演化之路
前端
学网安的肆伍29 分钟前
【044-WEB攻防篇】PHP应用&SQL盲注&布尔回显&延时判断&报错处理&增删改查方式
前端·sql·php
八号当铺1 小时前
从 Prompt 到 AI 工程化:理解 Rules、Skills 与 Agent
前端·ai编程·cursor
倒带人生1 小时前
将 $confirm 对话框改为 a-modal 实现的通用技术方案
javascript·ant design
didadida2621 小时前
子路径部署 Vue/React 应用偶发白屏
前端·后端
invicinble1 小时前
前端框架使用vue-cli (第五层:构建打包层--总体层介绍)
前端·vue.js·前端框架