js 怎么使用正则表达式-JavaScript正则表达式常用技巧

2022-12-29 11:16:08 浏览数 (1)

正则表达式是用于匹配字符串中字符组合的模式。在 中,正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、、、search 和 split 方法。正则表达式的掌握程度能粗略地看出程序员的技术底子,所以技术面试、编程竞赛等 都特别喜欢考察正则表达式。本篇就带你一起夯实一下 正则表达式的一些使用技巧:

  创建正则表达式

  在 的世界,创建正则表达式有2个方法:(1)使用一个正则表达式字面量,其由包含在斜杠之间的模式组成。比如 :

  const reg = /ab c/

  (2)调用RegExp对象的构造函数。比如:

  const reg = new RegExp("ab c")

  注意:以上2个方法虽然都能创建正则表达式,但是还是有区别的:(1)使用第一个方法,在脚本加载后正则表达式字面量就会被编译。当正则表达式保持不变时,使用此方法可获得更好的性能。(2)使用第二个方法,在脚本运行过程中用构造函数创建的正则表达式会被编译。如果正则表达式将会改变,或者它将会从用户输入等来源中动态地产生,就需要使用构造函数来创建正则表达式。

  当然,这样表述可能不太深刻,下面找一道面试题带你实践一下。

  经典面试题 "Word Finder"

   题目要求:

代码语言:javascript复制
    使用一个方法来扩展字典,该方法返回与[模式匹配][2]的单词列表。这个模式可以包含字母(小写)和占位符("?")。占位符只代表一个任意的字母,比如: 
    const fruits = new Dictionary(['banana', 'apple', 'papaya', 'cherry']);
    fruits.getMatchingWords('lemon');     // must return []
    fruits.getMatchingWords('cherr??');   // must return []
    fruits.getMatchingWords('?a?a?a');    // must return ['banana', 'papaya']
    fruits.getMatchingWords('??????');    // must return ['banana', 'papaya', 'cherry']
    补充说明:
    (1)单词和模式都是小写

  上面这道题目是典型的 正则表达式应用题,考察的知识点是2个:(1)使用 RegExp 对象 动态创建正则表达式(2)使用 /./ 匹配一个任意字符

  因此不难有如下解决方案(ps:这个是我的解决方案,虽然解法比较low,但是逻辑应该还算清晰,容易理解)

   // 字典构造器

代码语言:javascript复制
    function Dictionary(words) {
      this.words = words;
    }
    // 原型里拓展解法
    Dictionary.prototype.getMatchingWords = function(pattern) {
      let res = []
      const reg = new RegExp("^"   pattern.replace(/?/g, '.')   "$")  // 创建正则表达式
      for (let x of this.words) {
        if (reg.test(x)) res.push(x) 
      }
      return res

  如果你有更好的解法,欢迎评论留言哈 ^_^

  正则表达式模式

  一个正则表达式模式是由简单的字符所构成的,比如 /abc/;或者是简单和特殊字符的组合,比如 /abc/ 或 / (d ).d/

  简单模式

  简单模式是由想要匹配的具体字符组成,且严格匹配字符顺序。比如,/abc/ 这个模式就能且仅能匹配 "abc" 字符按照顺序同时出现的情况,而 "bac" 或 "cab" 等就无法匹配。

  特殊字符

  当需要匹配一个不确定的字符串时,比如寻找一个或多个 "b",或者寻找空格,可以在模式中使用特殊字符。特殊字符还包括如下:

  当需要使用任何特殊字符的字面值(例如,搜索字符 ),你必须通过在它前面放一个反斜杠来转义它。 例如,要搜索'a'后跟后跟'b',你应该使用 /a*b/- 反斜杠“转义”字符 *,使其成为文字而非特殊符号。将用户输入转义为正则表达式中的一个字面字符串,可以通过简单的替换来实现:

   function escapeRegExp(string) {

代码语言:javascript复制
      return string.replace(/[.* ?^${}()|[]\]/g, "\$&");   //$&表示整个被匹配的字符串

  使用正则表达式

  前面讲到,正则表达式可以被用于 RegExp 的 exec 和 test 方法以及 String 的 match、、search 和 split 方法。这些方法在 中有详细的解释,下面只简单罗列下各自功能,不做展开:

  一个简单的快速记忆方法:(1)想要知道在一个字符串中的一个匹配是否被找到js 怎么使用正则表达式,使用 test 或 search 方法(2)想得到更多的信息(但是比较慢)则可以使用 exec 或 match 方法

  举个栗子js 怎么使用正则表达式,使用exec方法在一个字符串中查找一个匹配:

   const myRe = /d(b )d/g;

  如果不需要访问正则表达式的属性,这个脚本通过另一个方法来创建:

   const myArray = /d(b )d/g.exec("cdbbdbsbz");

代码语言:javascript复制
    // 和 "cdbbdbsbz".match(/d(b )d/g); 相似。
    // 但是 "cdbbdbsbz".match(/d(b )d/g) 输出数组 [ "dbbd" ],

  如果想通过一个字符串构建正则表达式,那么这个脚本还有另一种方法:

   const myRe = new RegExp("d(b )d", "g");

  使用括号的子字符串匹配

  一个正则表达式模式使用括号,将导致相应的子匹配被记住。例如,/a(b)c / 可以匹配字符串“abc”,并且记得“b”。回调这些括号中匹配的子串,使用数组元素1,……n。

  使用括号匹配的子字符串的数量是无限的。返回的数组中保存所有被发现的子匹配。下面的例子说明了如何使用括号的子字符串匹配。

  下面的脚本使用 () 方法来转换字符串中的单词。在匹配到的替换文本中,脚本使用替代的1, 2 表示第一个和第二个括号的子字符串匹配:

   const re = /(w )s(w )/;

代码语言:javascript复制
    const str = "John Smith";
    const newstr = str.replace(re, "$2, $1");

  通过标志进行高级搜索

  正则表达式有六个可选参数 (flags) 允许全局和不分大小写搜索等。这些参数既可以单独使用也能以任意顺序一起使用, 并且被包含在正则表达式实例中:

  例如,re = /w s/g 将创建一个查找一个或多个字符后有一个空格的正则表达式,或者组合起来像此要求的字符串:

   const re = /w s/g;

代码语言:javascript复制
    const str = "fee fi fo fum";
    const myArray = str.match(re);
    console.log(myArray);

  使用 .exec() 方法时,与 g 标志关联的行为是不同的。 (“class”和“”的作用相反:在.match()的情况下,字符串类(或数据类型)拥有该方法,而正则表达式只是一个参数,而在.exec()的情况下,它是拥有该方法的正则表达式,其中字符串是参数。对比str.match(re)与re.exec(str) ), g标志与.exec()方法一起使用获得迭代进展:

   const xArray; while(xArray = re.exec(str)) console.log(xArray);

代码语言:javascript复制
    // produces: 
    // ["fee ", index: 0, input: "fee fi fo fum"]
    // ["fi ", index: 4, input: "fee fi fo fum"]

  除此之外,m标志用于指定多行输入字符串应该被视为多个行。如果使用m标志,^和$匹配的开始或结束输入字符串中的每一行,而不是整个字符串的开始或结束。

  @参考:

  本文由博客一文多发平台 发布!

本文共 1538 个字数,平均阅读时长 ≈ 4分钟

0 人点赞