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

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实现时钟特效

    以下是详细的JavaScript实现时钟特效的攻略,希望可以对您有帮助。 1. 准备工作 在开始制作JavaScript时钟特效之前,需要先做一些准备工作。包括HTML代码及CSS样式的编写。根据设计需求,制作一个表盘,盘面可以是圆形的或者其他形状。然后在表盘上加上时针、分针、秒针等元素,并通过CSS样式进行美化。 以下是制作样本的HTML代码示例: &lt…

    JavaScript 2023年5月27日
    00
  • JavaScript reduce和reduceRight详解

    JavaScript reduce和reduceRight详解 什么是reduce方法? reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个元素从左到右依次调用该函数,并将累加器的返回值作为下一次调用该函数的参数。最终将返回累加器的最终值。 reduce() 可以实现一些非常复杂的累计逻辑,但它也是一个非常复杂的方法,需要花…

    JavaScript 2023年5月28日
    00
  • 详谈javascript中DOM的基本属性

    当谈到JavaScript中的DOM(文档对象模型)时,我们需要了解DOM的基本属性。DOM是指在HTML文档中的每个元素都可以视为一个对象,而JavaScript可以用来访问和修改它们。 HTML元素的基本属性 HTML元素的基本属性通常可以通过查询DOM文档来找到。下面是访问HTML元素的基本属性的一些示例。 Element.innerHTML Elem…

    JavaScript 2023年6月10日
    00
  • JS 实现计算器详解及实例代码(一)

    接下来我将详细讲解“JS 实现计算器详解及实例代码(一)”这篇文章的完整攻略。 文章概述 该文章是一篇教程,主要介绍如何使用JavaScript实现一个基本的计算器。该计算器可以进行加、减、乘、除四种运算,同时还可以进行按位取反、求余、正负号切换和小数点输入等功能。该文章主要包括以下几个部分: 介绍计算器的基本思路和需求分析 讲解HTML和CSS的基本结构和…

    JavaScript 2023年5月27日
    00
  • 基于vue 动态菜单 刷新空白问题的解决

    那么让我们来详细讲解一下“基于Vue动态菜单刷新空白问题的解决”的完整攻略。 首先,我们需要了解静态菜单和动态菜单的区别。静态菜单是指在网站中写死的菜单,如果需要更改菜单内容或数量,就需要修改网站代码,并重新发布。而动态菜单是指在后台通过接口获取数据来动态生成菜单的方式,可以根据数据的变化而实现菜单的更新。 在Vue中,我们可以通过组件来实现动态菜单。常见的…

    JavaScript 2023年6月11日
    00
  • 禁用backspace网页回退功能的实现代码

    为了禁用backspace网页回退功能,我们需要利用JavaScript来实现。以下是实现的步骤说明: 步骤一:绑定keydown事件 我们需要绑定keydown事件,以便监听用户的按键行为。在此事件内,我们可以获取用户按下的键码,并判断是否为backspace键。 window.addEventListener(‘keydown’, function(e)…

    JavaScript 2023年6月10日
    00
  • JS实现的base64加密、md5加密及sha1加密详解

    JS实现的base64加密、md5加密及sha1加密详解 什么是base64加密 Base64是一种基于64个可打印字符来表示二进制数据的方法。在某些场景下,网络传输只支持传输ASCII字符,但是需要传输二进制数据时,使用Base64编码可以将二进制数据转换为ASCII字符,便于传输。 在JavaScript中,可以使用代码库 btoa() 方法来实现Bas…

    JavaScript 2023年5月28日
    00
  • JavaScript实现的encode64加密算法实例分析

    JavaScript实现的encode64加密算法实例分析 简介 encode64是一种基于64个可打印字符来表示二进制数据的编码方式。相比于普通的ASCII码编码而言,它可以更加节约空间。这种编码方式常用于在网络传输中对一些隐私数据进行加密保护。 实现原理 encode64算法的实现原理如下: 将原始数据(二进制)每6位一组,转换成相应的十进制数。 根据以…

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