枯燥的js 正则表达式问题

最新推荐文章于 2026-06-12 20:39:27 发布

原创最新推荐文章于 2026-06-12 20:39:27 发布 · 152 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#正则表达式

JavaScript笔记专栏收录该内容

50 篇文章

订阅专栏

本文深入探讨JavaScript中的正则表达式，包括如何找出重复字符、倒序字符串、转换小驼峰命名、正向预查、贪婪与非贪婪匹配，以及在实际场景中的应用，如缩略字符串和格式化数字。通过实例解析，帮助开发者提升正则表达式的运用技巧。

选出多个相同字符

 var reg = /(\w)\1\1\1/g;//把前面的值抛给后面,\1表示引用第一个值。
            var str = "aaaa";

在这里插入图片描述

 var reg = /(\w)\1(\w)\2/g;//\2表示引用第二个值。
            var str = "aabb";

在这里插入图片描述

倒序

简单版

  var reg = /(\w)\1(\w)\2/g;//\2表示引用第二个值。
            var str = "aabb";
              console.log(str.replace(reg,"$2$2$1$1"));//$表示取用与\ 1一样

进阶版

  var reg = /(\w)\1(\w)\2/g;//\2表示引用第二个值。
            var str = "aabb";
              console.log(str.replace(reg,function($,$1,$2){
                  return $2+$2+$1+$1;
              }));

在这里插入图片描述

转换小驼峰

 var reg = /-(\w)/g;
            var str = "the-first-name";
            console.log(str);
           console.log(str.replace(reg,function($,$1){
                  return $1.toUpperCase();
            }))

在这里插入图片描述

正向预查

var str = "abaaaa";
            var str = /a(?=b)/g;//（（?=b）用于修饰a）

贪婪匹配

尽可能一次性匹配多个

var str = "abaaaa";
            var reg = /a+/g;

在这里插入图片描述

非贪婪

var str = "abaaaa";
            var reg = /a+?/g;//加个？就ok了

在这里插入图片描述

缩略aaabbbccc


            var str = "aaaaaabbbbbbbbcccccc";
            var reg = /(\w)\1*/g;
            console.log(str.replace(reg,"$1"));

在这里插入图片描述

转换1000000

            var str = "100000000";
            var reg = /(?=(\B)(\d{3})+$)/g;
            console.log(str.replace(reg,"."))

\B’非单词边界’字符左右两边没有空白字符，第一个数字之前的边界就被移除。
+$ 表示从后向前开始。
（\d{3}）表示连续三个数字。
在这里插入图片描述
reg表示的是从后往前，每三个数字前的空。