JavaScript 学习笔记(十四) 正则表达式

yizhihongxing

JavaScript 学习笔记(十四) 正则表达式

什么是正则表达式

正则表达式是一种可以匹配文本片段的模式,它是由一个或多个字符和元字符组成的。在 JavaScript 中,正则表达式是由 RegExp 对象表示的。

正则表达式语法

元字符

元字符是正则表达式中具有特殊意义的字符,包括以下元字符:

  • . : 匹配除 \n 外的任意字符。
  • [] : 匹配括号内的任意字符,可以使用 - 表示字符范围。
  • ^ : 匹配字符串开头。
  • $ : 匹配字符串结尾。
  • * : 匹配前面的字符零次或多次。
  • + : 匹配前面的字符一次或多次。
  • ? : 匹配前面的字符零次或一次。
  • () : 匹配括号内的表达式,可以使用 | 表示或逻辑。
  • \ : 转义字符。

修饰符

修饰符是用来改变正则表达式匹配行为的标记,包括以下修饰符:

  • i : 不区分大小写匹配。
  • g : 全局匹配。
  • m : 多行匹配。

使用正则表达式

RegExp 对象

通过 RegExp 构造器创建正则表达式对象,可以使用字面量或者构造函数两种方式,例:

// 字面量
var regex = /hello/;

// 构造函数
var regex = new RegExp('hello');

匹配字符串

可以使用 RegExp 对象的 test 方法或 String 对象的 match 方法来匹配字符串,例:

var regex = /hello/;
var str = 'hello, world!';

// RegExp test 方法
console.log(regex.test(str)); // true

// String match 方法
console.log(str.match(regex)); // ['hello']

正则表达式示例

验证手机号
var reg = /^1[3|4|5|7|8][0-9]{9}$/;
var mobile = '13912345678';

if (reg.test(mobile)) {
  console.log('手机号格式正确');
} else {
  console.log('手机号格式错误');
}
验证邮箱
var reg = /^\w+([.-]\w+)*@\w+([.-]\w+)*(.\w{2,3})+$/;
var email = 'example@qq.com';

if (reg.test(email)) {
  console.log('邮箱格式正确');
} else {
  console.log('邮箱格式错误');
}

总结

正则表达式是一种强大的文本处理工具,可以用于匹配、搜索和替换文本。通过熟练掌握正则表达式的语法和使用方法,可以大大提高程序员的开发效率。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript 学习笔记(十四) 正则表达式 - Python技术站

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

相关文章

  • JavaScript判断DOM何时加载完毕的技巧

    JavaScript是一门运行在客户端的编程语言,它可以操作和控制网页中的元素和内容。但有些时候,我们需要确保DOM加载完毕后再执行JavaScript代码,因为如果在DOM加载之前执行JavaScript代码,可能会出现错误。 以下是判断DOM何时加载完毕的几种技巧: 1. window.onload window.onload是最常用的判断DOM是否加载…

    JavaScript 2023年6月10日
    00
  • javascript创建函数的20种方式汇总

    首先,我们需要明确“JavaScript创建函数的20种方式”是指通过不同的方法来创建JavaScript函数。下面将介绍其中的20种方式。 1.使用函数声明方式 函数声明方式就是使用function关键字来声明和定义函数。例如: function myFunction() { //函数体 } 2.使用函数表达式方式 函数表达式方式是使用函数字面量来创建函数…

    JavaScript 2023年5月27日
    00
  • js实现网页防止被iframe框架嵌套及几种location.href的区别

    下面我将详细讲解”JS实现网页防止被iframe框架嵌套及几种location.href的区别”的完整攻略。 JS实现网页防止被iframe框架嵌套 在编写网页时,我们可能希望页面不能被嵌套在iframe框架中,以避免网页的被其他网站直接嵌套到其它站点的页面上,从而保证网站数据的安全性和用户体验。为了实现网页的防止被iframe框架嵌套,我们可以使用以下方法…

    JavaScript 2023年6月11日
    00
  • 简单聊聊Js中的常见错误类型

    简单聊聊Js中的常见错误类型 在Js编程中,我们不可避免地会遇到各种类型的错误。了解这些错误类型及其产生的原因,可以帮助我们更快速地定位错误并解决问题。下面就让我们来简单聊聊Js中的常见错误类型。 1. 引用错误(ReferenceError) 引用错误通常发生在引用未定义的变量或函数时。例如: console.log(a); // Uncaught Ref…

    JavaScript 2023年6月1日
    00
  • layui form.render(‘select’, ‘test2’) 更新渲染的方法

    让我来详细讲解一下“layui form.render(‘select’, ‘test2’) 更新渲染的方法”。 在layui表单中,通过form.render(‘select’)渲染下拉框可以轻松实现下拉框选择功能,但是如果动态变化下拉框的选项,仍要重新渲染下拉框,传统的JavaScript方法会导致下拉框默认选项变成‘请选择’,影响用户体验,此时就需要使…

    JavaScript 2023年6月10日
    00
  • webpack output.library的16 种取值方法示例

    下面我将为你详细讲解关于“webpack output.library的16种取值方法示例”的完整攻略。 首先,我们需要了解output.library的含义。output.library是指将你的一些 JavaScript 代码打包到一个或多个库(library)中,使得其在浏览器环境或 Node.js 环境中能够被其他地方引用和使用。它的取值方式是一个字…

    JavaScript 2023年6月10日
    00
  • threejs全景图和锚点编辑的实现方案

    让我来为您详细讲解“threejs全景图和锚点编辑的实现方案”吧。 前言 在讲解实现方案前,需要了解一下全景图和锚点的基本概念。 什么是全景图? 全景图是一种圆形或球形的图像,可以通过鼠标或手指的滑动来改变视角,从而可以在360度范围内观察场景中的所有细节,给人带来身临其境的感觉。 什么是锚点? 锚点是指在全景图中设置的一个或多个可点击的点,当用户点击锚点时…

    JavaScript 2023年6月11日
    00
  • JavaScript的递归之递归与循环示例介绍

    以下是“JavaScript的递归之递归与循环示例介绍”完整攻略: 前言 JavaScript的递归和循环是编程中的两种常见方法,常用于处理重复性操作。递归需要注意堆栈溢出、效率等问题,而循环则需要注意控制条件和循环变量等问题。正确选择适合的方式能够让程序更加高效、简洁。本文将通过两条示例说明递归和循环的不同实现方式及其效果。 示例一:斐波那契数列 斐波那契…

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