没有合适的资源？快使用搜索试试~ 我知道了~

文库首页行业研究行业报告JavaScript正则表达式详解及使用方法

JavaScript正则表达式详解及使用方法

正则表达式

JavaScript

字符串处理

需积分: 5 0 下载量 170 浏览量 2024-12-20 20:54:54 上传评论收藏 168KB PDF 举报

温馨提示

试读

29页

内容概要：本文详细介绍了JavaScript中的正则表达式，从基本概念到各种常见操作和方法。主要内容包括创建正则表达式的方法、常用的元字符、量词、边界符、字符集合、反向引用、正向预查等。同时，文章还通过具体示例展示了如何在JavaScript中使用正则表达式的exec、test、match、replace、search和split方法。适合人群：具备基本JavaScript编程基础，对正则表达式有一定了解的开发人员。使用场景及目标：帮助读者理解和掌握JavaScript中正则表达式的创建和使用，解决实际开发中常见的字符串匹配和处理问题。阅读建议：在学习过程中结合具体示例进行实践，注意理解不同方法的区别和应用场景，通过不断练习提升正则表达式的使用能力。

资源推荐

资源详情

资源评论

什么是正则表达式？

这个问题可以参见：“正则表达式 30 分钟入门教程”，很多编程语言都支持正则表达

式，本文仅仅讨论 JavaScript 中的正则表达式。

创建一个正则表达式

第一种方法：

var reg = /pattern/;

第二种方法：

var reg = new RegExp('pattern');

正则表达式的

exec

方法简介

语法：

reg.exec(str);

其中 str 为要执行正则表达式的目标字符串。

例如：

var reg = /test/;

var str = 'testString';

var result = reg.exec(str);

alert(result);

</script>

将会输出 test，因为正则表达式 reg 会匹配 str(‘testString’)中的’test’子字

符串，并且将其返回。

我们使用下面的函数来做匹配正则的练习：

function execReg(reg,str){

var result = reg.exec(str);

alert(result);

}

函数接受一个正则表达式参数 reg 和一个目标字符串参数 str，执行之后会 alert 出正

则表达式与字符串的匹配结果。

用这个函数测试上面的例子就是：

function execReg(reg,str){

var result = reg.exec(str);

alert(result);

}

var reg = /test/;

var str = 'testString';

execReg(reg,str);

</script>

上面的例子用正则里的 test 去匹配字符串里的 test，实在是很无聊，同样的任务用

indexOf 方法就可以完成了。用正则，自然是要完成更强大的功能：

一片两片三四片，落尽正则全不见

上面的小标题翻译成正则就是{1},{2},{3,4},{1,}。

c{n}

{1}表示一个的意思。

/c{1}/只能匹配一个 c。

/c{2}/则会匹配两个连续的 c。

以此类推,

/c{n}/则会匹配 n 个连续的 c。

看下面的例子：

reg = /c{1}/;

str='cainiao';

execReg(reg,str);

返回结果 c

reg = /c{2}/;

str='cainiao';

execReg(reg,str);

返回结果 null，表示没有匹配成功。

reg = /c{2}/;

str='ccVC 果冻爽';

execReg(reg,str);

返回结果 cc。

c{m,n}

c{3,4}的意思是，连续的 3 个 c 或者 4 个 c。

例如

reg = /c{3,4}/;

str='ccVC 果冻爽';

execReg(reg,str);

返回结果 null，表示没有匹配成功。

reg = /c{3,4}/;

str='cccTest';

execReg(reg,str);

结果返回 ccc。

reg = /c{3,4}/;

str='ccccTest';

execReg(reg,str);

结果返回 cccc，这表明正则会尽量多品牌，可 3 可 4 的时候它会选择多匹配一个。

reg = /c{3,4}/;

str='cccccTest';

execReg(reg,str);

仍然只匹配 4 个 c。

由以上例子可以推断出，c{m,n}表示 m 个到 n 个 c，且 m 小于等于 n。

c{n,}

c{1,}表示 1 个以上的 c。例如：

reg = /c{1,}/;

str='cainiao';

execReg(reg,str);

结果返回 c。

reg = /c{1,}/;

str='cccccTest';

execReg(reg,str);

返回 ccccc，再次说明了正则表达式会尽量多地匹配。

reg = /c{2,}/;

str='cainiao';

execReg(reg,str);

结果返回 null，c{2,}表示 2 个以上的 c，而 cainiao 中只有 1 个 c。

由以上例子可知，c{n,}表示最少 n 个 c，最多则不限个数。

*,+,?

*表示 0 次或者多次，等同于{0,}，即

c* 和 c{0,} 是一个意思。

+表示一次或者多次，等同于{1,}，即

c+ 和 c{1,} 是一个意思。

最后，?表示 0 次或者 1 次，等同于{0,1}，即

c? 和 c{0,1} 是一个意思。

贪心与非贪心

人都是贪婪的，正则也是如此。我们在例子 reg = /c{3,4}/;str='ccccTest';的例子

中已经看到了，能匹配四个的时候，正则绝对不会去匹配三个。上面所介绍的所有的正则都

是这样，只要在合法的情况下，它们会尽量多去匹配字符，这就叫做贪心模式。

如果我们希望正则尽量少地匹配字符，那么就可以在表示数字的符号后面加上一个?。

组成如下的形式：

{n,}?, *?, +?, ??, {m,n}?

同样来看一个例子：

reg = /c{1,}?/;

剩余28页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

玖疯子

粉丝: 4444
资源: 880

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

JavaScript正则表达式详解及使用方法

javascript正则表达式详解 (chm)

javaScript 正则表达式详解

javascript正则表达式详解

java/Android 正则表达式详解

最新的javascript正则表达式详解

JavaScript正则表达式使用详解.zip

JavaScript手册及正则表达式详解[收藏]

js正则表达式详解

JavaScript正则表达式详解

Java正则表达式详解.pdf

JavaScript正则表达式使用详解

正则表达式入门 正则表达式详解

正则表达式详解大全珍藏版

javascript正则表达式使用详解

javascript正则表达式表单验证大全

Javascript正则表达式

js正则表达式详解。一个很有用的正则表达式教程，而且包含各种常用的实例

正则表达式详解+一个源代码

javascript正则表达式中的replace方法详解.docx

正则表达式使用详解及使用实例

echarts-gl.min.js

自主研发的软著申请代码文档整理输出工具

某红书x-s加密算法补环境版本（当前可用，8.28更新）

2023前端面试八股文.pdf

javascript网页设计期末作业 购物网站

javaWeb楠小弟自助图书系统项目，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段

最新资源

正则表达式入门正则表达式详解

javascript网页设计期末作业购物网站