正则表达式是搜索和替换字符串的一种强大方式,我来为大家科普一下关于js正则表达式快速入门?以下内容希望对你有帮助!

js正则表达式快速入门(JavaScript正则表达式的Pattern与Flag)

js正则表达式快速入门

模式(Patterns)和修饰符(flags)

正则表达式是搜索和替换字符串的一种强大方式。

在 JavaScript 中,正则表达式通过内置的“RegExp”类的对象来实现,并与字符串集成。

在各编程语言之间,正则表达式是有所不同的。我们只专注于 JavaScript。当然,它们有很多共同点,但在 Perl、Ruby 和 PHP 等语言下会有所不同。

正则表达式

正则表达式(可叫作“regexp”或者“reg”)包含 模式 和可选的 修饰符

创建一个正则表达式对象有两种语法。

较长一点的语法:

regexp = new RegExp("pattern", "flags");

…较短一点的语法,使用斜杠 "/":

regexp = /pattern/; // 没有修饰符 regexp = /pattern/gmi; // 伴随修饰符 g、m 和 i(后面会讲到)

斜杠 "/" 会告诉 JavaScript 我们正在创建一个正则表达式。它的作用类似于字符串的引号。

用法

如果要在字符串中进行搜索,可以使用 Search方法。

下面是示例:

let str = "I love JavaScript!"; // 将在这里搜索 let regexp = /love/; alert( str.search(regexp) ); // 2

str.search 方法会查找模式 /love/,然后返回匹配项在字符串中的位置。我们可以猜到,/love/ 是最简单的模式。它所做的就是简单的子字符串的查找。

上面的代码等同于:

let str = "I love JavaScript!"; // 将在这里搜索 let substr = 'love'; alert( str.search(substr) ); // 2

所以搜索 /love/ 与搜索 "love" 是等价的。

但这只是暂时的。很快我们就会接触更复杂的正则表达式,其搜索功能将更强大。

什么时候使用 new RegExp?

通常我们使用的都是简短语法 /.../。但是它不接受任何变量插入,所以我们必须在写代码的时候就知道确切的 regexp。

另一方面,new RegExp 允许从字符串中动态地构造模式。

所以我们可以找出需要搜索的字段,然后根据搜索字段创建 new RegExp

let search = prompt("What you want to search?", "love"); let regexp = new RegExp(search); // 找到用户想要的任何东西 alert( "I love JavaScript".search(regexp));

修饰符

正则表达式的修饰符可能会影响搜索结果。

在 JavaScript 中,有 5 个修饰符:

“i”修饰符

最简单的修饰符就是 i 了。

示例代码如下:

let str = "I love JavaScript!"; alert( str.search(/LOVE/) ); // -1(没找到) alert( str.search(/LOVE/i) ); // 2

  1. 第一个搜索返回的是 -1(也就是没找到),因为搜索默认是区分大小写的。
  2. 使用修饰符 /LOVE/i,在字符串的第 2 个位置上搜索到了 love。

相比与简单的子字符串查找,i 修饰符已经让正则表达式变得更加强大了。但是这还不够。我们会在下一章节讲述其它修饰符和特性。

总结,