JavaScript正则表达式(总结篇)

yizhihongxing

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中可以将多个字符串拼接在一起来形成一个新的字符串,这个过程也称为字符串连接。我们可以将字符串拼接后赋值给变量,从而定义一个用字符串拼接的变量。 一般来说,字符串拼接的方式有两种: 使用“+”拼接符 可以使用“+”符号将多个字符串拼接在一起,如下所示: var str1 = ‘Hello’; var str2 = ‘world’; var str = st…

    JavaScript 2023年5月28日
    00
  • 微信小程序开发探究

    微信小程序开发探究 微信小程序是一种全新的开发模式,可以实现在微信中快速开发小型应用。本文旨在为开发者提供一份完整的微信小程序开发攻略,涵盖从创建应用、开发基本组件到调用API等方面的内容。 创建应用 要创建一个微信小程序,需要进行以下步骤: 下载并安装微信开发者工具; 在工具中,选择“新建小程序”; 填写小程序的基本信息,并选择开发模式; 进入开发者工具的…

    JavaScript 2023年6月11日
    00
  • javascript 事件处理程序介绍

    JavaScript 事件处理程序介绍 在 JavaScript 中,事件处理程序是处理在页面中发生的事件的功能代码。当用户在页面上进行操作时,比如单击一个按钮或是按下一个键盘按键,这些事件将被浏览器捕获,然后触发相应的事件处理程序。 事件处理程序的绑定方式 1. HTML事件处理程序 在HTML标签中直接在属性中绑定事件处理程序。 <button o…

    JavaScript 2023年5月28日
    00
  • Eclipse的Debug调试技巧大全(总结)

    Eclipse的Debug调试技巧大全(总结) 概述 在软件开发过程中,我们经常会遇到各种各样的问题,例如代码逻辑错误、性能瓶颈等等。这时候调试就成了必不可少的技能之一。Eclipse是一款强大的集成开发环境,其内置的调试功能非常友好,因此在Eclipse中调试是很方便的。本篇文章将总结Eclipse的Debug调试技巧,教你如何高效地调试代码。 基本调试 …

    JavaScript 2023年5月28日
    00
  • JavaScript性能陷阱小结(附实例说明)

    JavaScript 性能陷阱是前端开发过程中常见的问题之一。为了避免这些问题,我们需要了解 JavaScript 性能陷阱的原因,并采取相应的措施,优化页面性能。下面是一些比较常见的 JavaScript 性能陷阱及相应的解决方法。 避免使用with关键字 with 语句将一个对象添加到作用域链中,并将该对象的属性作为局部变量,这样就可以直接访问对象属性。…

    JavaScript 2023年5月28日
    00
  • 详解如何将 Vue-cli 改造成支持多页面的 history 模式

    下面是如何将 Vue-cli 改造成支持多页面的 history 模式的攻略。具体步骤如下: 一、创建多页面应用 首先需要在 Vue-cli 中创建多页面应用。在 src 目录下新建多个 .html 文件,比如 index.html、about.html 等。在 src 目录下还需要新建多个 .js 文件,比如 index.js、about.js 等,这些 …

    JavaScript 2023年6月11日
    00
  • js实现抽奖的两种方法

    下面给出JS实现抽奖的两种方法的完整攻略。 方法一:用Math.random()生成随机数 1.创建一个数组,用来存储奖品种类和对应的中奖概率,例如: let awards = [ {name: ‘一等奖’, probability: 0.1}, {name: ‘二等奖’, probability: 0.2}, {name: ‘三等奖’, probabili…

    JavaScript 2023年6月11日
    00
  • 解析JavaScript数组方法reduce

    解析JavaScript数组方法reduce reduce()是JavaScript数组对象自带的方法之一,可以对数组中的所有元素依次执行一个指定的回调函数,返回一个累加的结果。它的语法如下: arr.reduce(callback[, initialValue]) 其中,callback是一个函数,它可以接受四个参数: accumulator:累加器的值(…

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