手机版

学习JavaScript正则表达式

时间:2021-09-22 来源:互联网 编辑:宝哥软件园 浏览:

JavaScript正则表达式学习:

在线调试有常规工具。以下所有示例代码都可以在codepen上查看。

1.创建正则表达式。

var re=/ab c/;//方法一正则表达式文字var re=new RegExp(' ab c ');//模式2中RegExp对象的构造函数1)正则表达式文字在脚本加载后编译。如果你的正则表达式是一个常量,你可以通过这种方式得到更好的性能。

2)使用构造函数,提供正则表达式运行时的编译。当你知道正则表达式的模式会发生变化,或者你事先不知道它的模式,或者你从其他地方得到代码(比如用户输入)的时候,用构造函数更合适。

2.正则表达式中的特殊字符。

\ ^ $ * ?(?x) x(?=y) x(?y) x|y {n}

{n,m }[XYZ][^xyz][\ b]\ b \ b \ CX \ d \ d \ f \ n \ r

\ s \ S \ t \ v \ w \ W \ n \ 0 \ xhh \ uhhhh

3.正则表达式中的方法。

共有6个,分别是exec、test、match、search、replace和split。

Exec和test是regexObj调用,匹配、搜索、替换和拆分是字符串调用。

执行:

方法对指定的字符串执行搜索匹配操作。它的返回值是数组或null。以下语法:regexObj.exec(str)。

示例代码:

var re=/quick\s(棕色)。(跳跃)/ig;var result=re . exec(‘敏捷的棕色狐狸跳过懒惰的狗’);返回结果:

测试:

一种正则表达式方法,用于测试字符串中的匹配并返回真或假。以下语法:regexObj.exec(str)。

匹配:

在字符串中执行搜索匹配的RegExp方法,如果没有匹配,则返回数组或null。

与exec不同,第一个是调用方法,其中math由字符串调用,而exec由RegexObj调用。

其次,如果表达式中有一个“g”标记,则返回一个匹配的字符串数组,如果没有,则与exec返回的字符串数组相同。下面的演示有“g”。语法如下:str.match(regexp)。

示例代码:

var re=/quick\s(棕色)。(跳跃)/ig;var result=re . exec(‘敏捷的棕色狐狸跳过懒惰的狗’);返回结果:

搜索:

一种字符串方法,用于测试字符串中的匹配项,并返回与之匹配的位置的索引,如果失败,则返回-1。语法如下:str.search(regexp)。

例如,如果上面的示例代码调用search,则返回数据为4。

替换:

一种字符串方法,在字符串中执行搜索匹配,并用替换字符串替换匹配的子字符串。语法如下:字符串。替换(regexp | substr,new substr | function [,flags])。

var re=/(\ w)\ s(\ w)/;var str='约翰史密斯';var result=str.replace(re,' $2,$ 1 ');返回的结果将是:“史密斯,约翰”。

拆分:

一种字符串方法,使用正则表达式或固定字符串来分隔字符串,并将分隔的子字符串存储在数组中。语法如下:str . split([分隔符[,限制]])

Limit是限制分割数组中的数字。下面是一个演示,但是其中一个表达式被括起来,另一个没有,所以返回的数据是不同的。

示例代码:

var re=/(\ d)/;var结果='Hello 1字。第二句话。拆分(重新);console.log(结果);var re=/\ d/;var结果='Hello 1字。第二句话。拆分(重新);console.log(结果);返回结果:

4.正则表达式执行返回信息。

var myRe=new RegExp('d(b )d ',' g ');var myArray=MyRe . exec(' cdbbdbsbz ');console . log(my array);代码中返回的结果如下:

5.正则表达式标志。

var re=/\ w \ s/g;//表达式one var re=new RegExp('\\w \\s ',' g ');//表达式2 var str=' fee fi fo fumvar myArray=str . match(re);console . log(my array);表达式一和表达式二返回相同的结果。下面是数组:

以上就是本文的全部内容,希望对大家的学习有所帮助。

版权声明:学习JavaScript正则表达式是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。