JavaScript正则表达式(总结篇)

JavaScript正则表达式(总结篇)

什么是正则表达式

正则表达式是一种描述字符模式的工具,它提供了一种灵活的方式来匹配、查找、替换字符串中的文本。

在JavaScript中,正则表达式通常使用RegExp对象创建,它可以表示一个字符串的模式。

创建正则表达式

有两种方式可以创建正则表达式:

  1. 字面量方式,使用斜杠/../../来创建正则表达式。

javascript
const regex = /pattern/;

  1. 构造函数方式,使用RegExp()函数来创建正则表达式。

javascript
const regex = new RegExp("pattern");

正则表达式模式

正则表达式模式包含一个或多个字符或字符集合,用来描述匹配的规则。

下面是一些常用的正则表达式模式:

  • 字符匹配

  • abc 匹配 "abc" 字符串

  • 元字符

  • . 匹配除换行符以外的任意字符

  • \w 匹配任意字母、数字、下划线字符
  • \d 匹配任意数字字符
  • \s 匹配任意空白字符
  • \W 匹配任意非字母、数字、下划线字符
  • \D 匹配任意非数字字符
  • \S 匹配任意非空白字符
  • ^ 匹配字符串开始位置
  • $ 匹配字符串结束位置

  • 量词

  • * 匹配前一个字符0或多次

  • + 匹配前一个字符1或多次
  • ? 匹配前一个字符0或1次
  • {n} 匹配前一个字符n次
  • {m,n} 匹配前一个字符m至n次
  • {m,} 匹配前一个字符至少m次

  • 分组

  • () 将模式组合为一个子表达式

正则表达式方法

JavaScript提供了一些方法用来操作正则表达式。

  1. test()

test()方法用来检查一个字符串是否匹配一个正则表达式。

javascript
const regex = /pattern/;
const str = "this is a pattern";
const result = regex.test(str);
console.log(result); // true

  1. exec()

exec()方法在一个指定字符串中执行一个搜索匹配,并返回匹配结果。

javascript
const regex = /pattern/;
const str = "this is a pattern";
const result = regex.exec(str);
console.log(result); // ["pattern", index: 10, input: "this is a pattern", groups: undefined]

正则表达式示例

  1. 匹配邮箱

javascript
const regex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
const email = "example@mail.com";
const isValid = regex.test(email);
console.log(isValid); // true

  1. 匹配电话号码

javascript
const regex = /^1[0-9]{10}$/;
const phoneNumber = "13888888888";
const isValid = regex.test(phoneNumber);
console.log(isValid); // true

以上就是JavaScript正则表达式的总结篇,希望对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript正则表达式(总结篇) - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • JS实现表单验证功能(验证手机号是否存在,验证码倒计时)

    请看下面的攻略。 JS实现表单验证功能(验证手机号是否存在,验证码倒计时) 概述 表单验证是Web开发中非常常见的操作,通常的表单验证方式是利用前后端的交互获取数据进行验证,但是这种方式需要进行网络请求,不仅影响用户体验,也增加了服务器的负担。而JS实现表单验证则可以在不进行网络请求的情况下,对用户输入的数据进行实时验证,从而提高用户体验以及减轻服务器压力。…

    JavaScript 2023年6月10日
    00
  • JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例

    下面是 “JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例”的完整攻略: 1. DOM节点插入操作 DOM节点插入操作指的是通过JavaScript代码来向HTML页面中插入新的HTML元素节点的操作,它的实现需要使用到Document对象提供的createElement()方法来创建新节点,以及appendChild()方法来将新节点添加到指定的父…

    JavaScript 2023年5月28日
    00
  • javascript数组includes、reduce的基本使用

    下面详细讲解一下“JavaScript数组includes、reduce的基本使用”的攻略。在这个攻略中,我们将会讨论到:如何使用includes方法查找数组中的元素,以及如何使用reduce方法对数组进行累加计算。 includes方法 includes方法用于判断数组是否包含某个元素,返回值为布尔类型。它的语法如下: array.includes(sea…

    JavaScript 2023年5月27日
    00
  • 详解Javascript中的原型OOP

    详解JavaScript中的原型OOP 什么是原型OOP 原型OOP是指JavaScript中通过原型链实现面向对象编程的方式。它利用每个JavaScript对象都有一个指向原型的指针,通过原型链可以实现继承和复用,从而实现面向对象编程的特性。 原型链 原型链是通过每个对象都有一个指向原型的指针,从而形成的链式结构。例如: let animal = { ea…

    JavaScript 2023年6月10日
    00
  • css3强大的动画效果animate使用说明及浏览器兼容介绍

    CSS3强大的动画效果Animate使用说明及浏览器兼容介绍 简介 在网站设计中,动画效果通常能增加用户的交互体验和视觉效果。而CSS3中的动画效果Animate提供了一种简单易用的方式去实现动效,同时支持现代化的浏览器,减少了开发者编写JavaScript代码的工作量。 使用说明 安装 Animate是由第三方JavaScript库jQuery UI提供的…

    JavaScript 2023年6月11日
    00
  • javascript创建对象、对象继承的实用方式详解

    JavaScript创建对象、对象继承的实用方式详解 在JavaScript中,对象是一个重要的概念,能够帮助我们创建具有特定属性和方法的数据结构。为了更好地管理和组织代码,对象继承是一种常用的技术。本文将深入介绍JavaScript中如何创建对象以及不同的对象继承方式。 创建对象 构造函数 在JavaScript中,我们可以使用构造函数来创建一个对象。构造…

    JavaScript 2023年5月27日
    00
  • js裁剪(分隔)字符串的三种常用方法

    当我们处理字符串时,经常需要对字符串进行裁剪或者分隔,这里我介绍三种常用的JavaScript字符串处理方法。 方法一:使用substr方法裁剪字符串 substr方法基于指定的起始下标和长度裁剪给定的字符串。 const originalString = "Hello, World!"; const startIndex = 7; //…

    JavaScript 2023年5月28日
    00
  • JavaScript 定义function的三种方式小结

    当我们使用 JavaScript 时,定义函数是非常基础、常见的一个操作。很多初学者可能会比较迷惑 JavaScript 定义函数的方式,下面我们来详细地讲解一下。 1. function 声明 定义 function 的最基本方式是使用 function 声明,其语法如下: function 函数名([参数1, 参数2, …]) { 函数体 } 其中,…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部