热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript学习笔记:正则表达式深入解析

正则表达式是一种强大的文本处理工具,通过特定的字符序列形成搜索模式,用于在文本中查找或替换符合模式的数据。本文将详细介绍正则表达式的基本概念、元字符、表达式及其实现方式。

正则表达式是一种特殊的文本字符串,用于描述搜索模式,广泛应用于文本搜索和处理任务中。它可以简单到一个单独的字符,也可以复杂到包含多种元素的模式,用于实现精确的文本匹配和替换操作。


基础知识

正则表达式不仅是一门技术,也是一门艺术,它能够帮助开发者高效地处理文本数据。常见的应用场景包括但不限于:搜索引擎、文档查重、网络爬虫以及表单验证等。

元字符: 元字符具有特殊的含义,用于构建更复杂的搜索模式。


元字符描述
\d匹配任何数字
\D匹配任何非数字字符
\s匹配任何空白字符
\S匹配任何非空白字符
\w匹配任何字母或数字
\W匹配任何非字母和非数字字符
\uXXXX匹配由十六进制数XXXX指定的Unicode字符

字符集: 使用方括号[]来定义一组字符,表示匹配其中的任何一个字符。


表达式描述
[abc]匹配方括号内的任意一个字符
[0-9]匹配0至9之间的任意一个数字
(x|y)匹配x或y中的任意一个

量词: 量词用来指定前面的元素需要出现的次数。


量词描述
{n}恰好匹配n次
{n,m}至少匹配n次,最多匹配m次
{n,}至少匹配n次
?匹配0次或1次
+匹配1次或多次
*匹配0次或多次

创建正则表达式

在Javascript中,可以通过两种方式创建正则表达式:字面量和构造函数。

  • 字面量:

let pattern = /abc/igm;

这里的'abc'是正则表达式的主体,而'igm'是修饰符,分别表示忽略大小写(i)、全局匹配(g)和多行匹配(m)。

  • 构造函数:

let pattern = new RegExp('abc', 'igm');

通过构造函数创建的正则表达式对象,同样支持上述的修饰符。


正则表达式的方法

Javascript提供了多种方法来利用正则表达式进行文本操作。

search()

search() 方法用于查找字符串中第一个匹配正则表达式的子串,并返回其索引位置;如果没有找到,则返回-1。

let str = 'Visit Runoob!'; let n = str.search(/Runoob/i); // 返回6

replace()

replace() 方法用于在字符串中用新的子串替换匹配正则表达式的子串。

let str = 'Visit Runoob!'; let txt = str.replace(/Runoob/i, 'Microsoft'); // 返回'Visit Microsoft!'

RegExp对象的方法

test()

test() 方法用于测试字符串是否匹配某个模式,如果匹配成功则返回true,否则返回false。

let patt = /e/; let result = patt.test('The best things in life are free!'); // 返回true

exec()

exec() 方法用于检索字符串中与正则表达式匹配的内容,返回一个包含匹配结果的数组,如果没有找到匹配,则返回null。

let patt = /e/; let result = patt.exec('The best things in life are free!'); // 返回['e']

实践练习: 如何使用正则表达式从一段文本中提取所有符合条件的电话号码?

let str = 'my phone is 18812344321, my email is licy@briup.com, my name is Charles, my friend is Jacky, his phone is 17751229900, my friend is Tom, his phone is 15912344432.'; function search(str) { let pattern = /((188)|(177)|(159))\d{8}/g; let result; while (result = pattern.exec(str)) { console.log(result[0]); } } /* 输出: 18812344321 17751229900 15912344432 */


推荐阅读
  • JavaScript 中创建对象的多种方法
    本文详细介绍了 JavaScript 中创建对象的几种常见方式,包括对象字面量、构造函数和 Object.create 方法,并提供了示例代码和属性描述符的解释。 ... [详细]
  • 本文介绍了多个关于JavaScript的书籍资源、实用工具和编程实例,涵盖从入门到进阶的各个阶段,帮助读者全面提升JavaScript编程能力。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 在金融和会计领域,准确无误地填写票据和结算凭证至关重要。这些文件不仅是支付结算和现金收付的重要依据,还直接关系到交易的安全性和准确性。本文介绍了一种使用C语言实现小写金额转换为大写金额的方法,确保数据的标准化和规范化。 ... [详细]
  • 在给定的数组中,除了一个数字外,其他所有数字都是相同的。任务是找到这个唯一的不同数字。例如,findUniq([1, 1, 1, 2, 1, 1]) 返回 2,findUniq([0, 0, 0.55, 0, 0]) 返回 0.55。 ... [详细]
  • 根据最新发布的《互联网人才趋势报告》,尽管大量IT从业者已转向Python开发,但随着人工智能和大数据领域的迅猛发展,仍存在巨大的人才缺口。本文将详细介绍如何使用Python编写一个简单的爬虫程序,并提供完整的代码示例。 ... [详细]
  • PHP 过滤器详解
    本文深入探讨了 PHP 中的过滤器机制,包括常见的 $_SERVER 变量、filter_has_var() 函数、filter_id() 函数、filter_input() 函数及其数组形式、filter_list() 函数以及 filter_var() 和其数组形式。同时,详细介绍了各种过滤器的用途和用法。 ... [详细]
  • Ihaveastringwithquotesaroundthepathasfollows:我在路径周围有一个带引号的字符串,如下所示:C:\ProgramFiles(x ... [详细]
  • Java 中 Writer flush()方法,示例 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • 自己用过的一些比较有用的css3新属性【HTML】
    web前端|html教程自己用过的一些比较用的css3新属性web前端-html教程css3刚推出不久,虽然大多数的css3属性在很多流行的浏览器中不支持,但我个人觉得还是要尽量开 ... [详细]
  • 本文介绍了一段使用jQuery实现的用户注册页面表单验证代码,适用于前端开发人员学习和参考。该示例结合了HTML、CSS和JavaScript,确保用户输入的数据格式正确。 ... [详细]
author-avatar
mobiledu2502938737
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有