js正则函数match、exec、test、search、replace、split使用介绍集合

yizhihongxing

Js正则函数match、exec、test、search、replace、split使用介绍集合

正则表达式是一种能够从文本中匹配出我们需要的信息的工具,同时在JavaScript中也提供了多个正则函数可以操作正则表达式,包括match()、exec()、test()、search()、replace()和split()。

match()

match()函数是JavaScript中操作正则表达式最常用的函数之一,它用于对字符串进行正则匹配,并返回匹配到的所有子字符串组成的数组。当正则表达式带有全局标志g时,它会匹配所有符合条件的子字符串;否则只会匹配第一个符合条件的子字符串。

const str = 'Hello World!';
const regEx = /l/g;
const arr = str.match(regEx);
console.log(arr); // 输出['l', 'l', 'l']

从上面的代码可以看出,在对字符串'Hello World!'执行正则表达式 /l/g时,它会匹配所有含有l的字母,并返回它们的数组。

exec()

exec()函数是另一种执行正则表达式的函数,它和match()函数类似,不同的是exec()函数返回的是一个数组,包含了一些额外的信息,例如可供 exec() 函数使用的原始字符串和每个子匹配的位置。当正则表达式没有全局标志g时,exec()函数每次在执行时只会匹配到第一个符合条件的子字符串;如果有g标志,它就会把所有符合条件的子字符串都匹配到。

const str2 = 'Hello World!';
const regex2 = /l/g;
let arr2;
while (arr2 = regex2.exec(str2)) {
  console.log(`匹配到字符串"${arr2[0]}",知道其起始位置为${arr2.index}`);
}
//结果:匹配到字符串"l",知道其起始位置为2
//      匹配到字符串"l",知道其起始位置为3
//      匹配到字符串"l",知道其起始位置为9

这段代码将字符串'Hello World!' 按正则表达式 /l/g 进行匹配,然后使用了while循环来对匹配结果进行处理。

test()

test()函数用于检查一个字符串是否符合正则表达式规则,如果匹配到则返回true,否则返回false。

const str3 = "I love JavaScript";
const regEx3 = /love/;
const result = regEx3.test(str3);
console.log(result); // 输出true

search()

search()函数用于搜索一个字符串中指定的子字符串,如果找到则返回该子字符串的位置,否则返回-1。

const str4 = "I love JavaScript";
const index = str4.search(/love/);
console.log(index); // 输出2

replace()

replace()函数在一个字符串中用另一个字符串替换指定的子字符串。如果正则表达式带有全局标志g,那么它会替换所有符合条件的子字符串,否则只会替换第一个符合条件的子字符串。

const str5 = 'I love JavaScript';
const regEx5 = /love/;
const newStr5 = str5.replace(regEx5, "like");
console.log(newStr5); // 输出 "I like JavaScript"

split()

split()函数可以让我们通过一个指定的分隔符来将字符串分割成数组。

const str6 = "I,love,JavaScript";
const arr6 = str6.split(",");
console.log(arr6); // 输出 ["I", "love", "JavaScript"]

从上面的示例结果可以看出,参数','是分隔符,它会根据逗号将字符串分割成三个元素组成的数组。

总结:

  • match()函数是一种执行正则表达式的方式,它可以将匹配到的字符串放在一个数组中返回。
  • exec()函数具有与 match()函数相似的功能,但还可以返回额外的信息。
  • test()函数用于检查一个字符串是否满足正则表达式,如果满足返回true,否则返回false。
  • search()函数用于搜索指定的字符串,如果找到则返回子字符串的位置,否则返回-1。
  • replace()函数可以用另一个字符串来代替指定的子字符串。
  • split()函数可以将一个字符串分割成一个由指定分隔符分隔开的数组。

以上是关于正则函数在JavaScript中的使用介绍。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js正则函数match、exec、test、search、replace、split使用介绍集合 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • javascript json对象小技巧之键名作为变量用法分析

    本文将详细讲解”javascript json对象小技巧之键名作为变量用法”,该技巧可以提高代码的灵活性和可读性。 什么是json对象? JSON是一种轻量级的数据交换格式,JS中的JSON对象是Javascript原生支持的一种格式化的数据类型,它可以用来传递和存储简单的结构化数据。 JSON 常用于与服务端交换数据。 通常我们获取的json对象会有多个键…

    JavaScript 2023年5月27日
    00
  • Javascript 判断两个IP是否在同一网段实例代码

    为了判断两个 IP 是否在同一网段,我们需要利用 Javascript 对 IP 地址的二进制与位运算。 以下是完整的实例代码: function isSameSubnet(ip1, ip2, mask) { // 将 ip 地址转化为 32 位二进制数 var ip1Int = ipToInt(ip1); var ip2Int = ipToInt(ip2)…

    JavaScript 2023年6月10日
    00
  • Javascript中数组去重与拍平的方法示例

    下面我会对 “Javascript中数组去重与拍平的方法示例” 进行详细讲解。 一、去重方法 Javascript中实现数组去重有多种方法,这里介绍两种常用方法。 1. Set去重法 Set是ES6中新增的数据结构,它可以实现快速的去重操作。我们可以用Set将数组转换为一个不包含重复值的集合,最后再将集合转回数组即可。 下面是具体的示例代码: 首先,定义一个…

    JavaScript 2023年5月27日
    00
  • JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数

    下面是关于 JavaScript 中 JSON.parse 函数和 JSON.stringify 函数的详细讲解。 JSON 简介 JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于 JavaScript 的一个子集,可以被多种不同编程语言读取和写入。 在 JavaScript 中要想将 JSON 数据转…

    JavaScript 2023年5月27日
    00
  • 浅谈js中的三种继承方式及其优缺点

    下面我来详细讲解一下 “浅谈js中的三种继承方式及其优缺点” 的完整攻略。 一、继承的基本概念 继承是面向对象编程中的一个重要概念,它允许新建的对象自动获取某个现有对象的属性和方法。在 JavaScript 中,继承主要有以下三种方式。 二、原型链继承 原型链继承是 JavaScript 中最常用的继承方式之一,其基本思想是利用原型让一个引用类型继承另外一个…

    JavaScript 2023年6月11日
    00
  • JS异常处理的一个想法(sofish)

    下面是详细的文本攻略。 简介 JS异常处理的一个想法,是由前端开发者sofish提出的一种异常处理方案。这种方案能够减少代码中try-catch的使用,减少代码冗余,提高代码的可读性。 原理 这种方案的核心思想是使用事件代理,对于代码中可能出现的异常情况,可以在全局统一进行处理。事件代理通过监听window对象下的错误事件,可以捕获到应用中的所有异常。 实现…

    JavaScript 2023年5月28日
    00
  • JavaScript创建一个欢迎cookie弹出窗实现代码

    下面是JavaScript创建一个欢迎cookie弹出窗实现的代码攻略。 1. 设计思路 首先,我们需要确认弹出窗的内容、样式、位置等,然后创建一个模态框来实现弹出窗。考虑到欢迎弹出窗的出现与用户的cookie状态有关,我们还需要使用cookie以及相关的JS库来实现。 具体的设计思路如下: 确认欢迎弹出窗的内容、样式和位置 判断用户的cookie状态,若未…

    JavaScript 2023年6月11日
    00
  • JavaScript三种常用网页特效详解

    JavaScript三种常用网页特效详解 一、特效1:轮播 实现思路 轮播是常见的网页特效,一般是让多张图片自动轮流播放或手动切换。 实现轮播的主要思路是,利用定时器控制每隔一段时间自动切换到下一张图片,同时通过样式控制当前图片的显示与隐藏。 实现示例 以下是一个简单的轮播示例代码,展示了基本的自动轮播和手动切换的功能。 <!– HTML结构 –&…

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