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

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日

相关文章

  • 获取dom元素那些讨厌的位置封装代码

    获取DOM元素位置是Web开发中比较常见的操作,但是由于不同浏览器之间存在差异,所以封装获取DOM元素位置代码时需要注意一些细节。在以下步骤中,我们将展示如何获取DOM元素的位置并将其封装到一个函数中。 1. 获取元素位置 文档坐标(client coordinate):指相对于左上角(0, 0)位置的像素坐标,通过DOM节点的clientX和clientY…

    JavaScript 2023年6月10日
    00
  • js实现将json数组显示前台table中

    非常好的问题。下面是“js实现将json数组显示前台table中”的完整攻略,包括两条示例说明。 使用JS将JSON数组显示在前台的Table中 步骤一:获取JSON数据 在此示例中,我们将使用一个包含JSON数据的外部文本文件,文件名为”data.json”。该JSON文件以数组形式存储数据,并具有以下数据字段:Name、Age、Gender。 为了将其读…

    JavaScript 2023年5月27日
    00
  • javascript两种function的定义介绍及区别说明

    Javascript中声明函数有两种常见的方式,并且这两种方式是有所不同的。 声明方式一:函数声明 函数声明是最常见的一种方式,有两个部分组成:函数名和函数体。函数声明的语法如下: function functionName(parameters){ //函数体 } 其中,function为关键字,functionName为函数名称(可以自定义),param…

    JavaScript 2023年5月27日
    00
  • js 使用方法与函数 总结

    JS 使用方法与函数总结 函数 函数是一段可重复使用的代码块,它接收输入的参数(或者不接收),并根据这些参数产生输出(或不产生)。函数本身是一个对象,可以赋值给变量、数组、对象属性等。 定义函数的语法如下: function functionName(param1, param2, …) { // 函数主体 return result; } 其中,fun…

    JavaScript 2023年5月18日
    00
  • JS中强制类型转换的实现

    JS中强制类型转换的实现是通过一组内置函数来完成的,这些函数会将一个数据类型转换为另一种数据类型。通常情况下,JS会自动进行隐式类型转换,但是有些情况下我们需要手动进行强制类型转换。 强制类型转换的相关函数如下: parseInt():将字符串转换为整数。 parseFloat():将字符串转换为浮点数。 String():将其他类型的值转换为字符串。 Bo…

    JavaScript 2023年5月28日
    00
  • 图片的左右移动,js动画效果实现代码

    图片左右移动是一种常见的动画特效,通常用于网站的广告展示或轮播图中。实现这种特效需要使用JavaScript的动画效果。 下面是通过步骤来讲解如何实现图片的左右移动。 步骤1:创建HTML文件和CSS样式 首先,我们需要创建一个HTML文件并在其中创建一个图片元素。然后,我们需要使用CSS样式表来定义图片的样式,包括宽度和高度,以及它的左右位置等属性。 下面…

    JavaScript 2023年6月11日
    00
  • JavaScript中的事件处理程序

    事件处理程序是JavaScript语言中非常重要的一部分,它能够为页面添加交互性,让用户与网页发生互动。下面针对JavaScript中的事件处理程序,提供完整的攻略: 事件处理程序概述 在JavaScript中,事件一般指用户在页面上所作的操作,比如鼠标点击、键盘按键等。可以使用事件处理程序来响应这些事件。事件处理程序是一个函数,用于处理事件中的逻辑。一般情…

    JavaScript 2023年5月27日
    00
  • 在ASP.NET MVC项目中使用RequireJS库的用法示例

    下面是在 ASP.NET MVC 项目中使用 RequireJS 库的使用示例: 简介 RequireJS 是一个 JavaScript 模块加载器,它可以让开发者更加轻松地管理和加载 JavaScript 模块。在大型项目中,使用 RequireJS 可以让代码结构更加清晰,便于维护和扩展。 在 ASP.NET MVC 项目中,可以使用 RequireJS…

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