正则表达式相关应用

JavaScript实现千分位分隔符

1.

使用js自带函数toLocaleString
Array.prototype.toLocaleString()
toLocaleString() 返回一个字符串表示数组中的元素。数组中的元素将各自使用toLocaleString()方法转换成字符串，这些字符串将使用一个特定环境的字符串(例如一个逗号 “,”)隔开。

1
2
3

let a = 1234546435
a.toLocaleString()
//'1,234,546,435'

2.

1
2
3
4

const toMoney = (num) => {
    const str = num + ''
    return str.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
}

• str.replace(/\B(?=(\d{3})+(?!\d))/g, ','); 使用正则表达式替换数字字符串中的位置，以在每三位数字之间插入逗号。这个正则表达式使用了零宽断言（lookahead assertion），确保只有在数字的后面插入逗号，而不是在小数点后面。

  • \B: 非单词边界，用于确保在数字的内部而不是开头或结尾插入逗号。
  • (?=(\d{3})+(?!\d)): 正向预测先行断言，匹配三个数字的倍数位置，但不能在数字的末尾。

• /g 表示全局匹配，会替换所有匹配的位置。

3.

1
2
3
4
5
6
7
8
9

function numFormat(num){
  var res=num.toString().replace(/\d+/, function(n){ // 先提取整数部分
       return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){
          return $1+",";
        });
  })
  return res;
}

• replace(/\d+/, function(n) {...}) 用于替换整数部分。

  • \d+ 匹配一个或多个数字。
  • function(n) {...} 是一个回调函数，用于处理匹配的整数部分。

• n.replace(/(\d)(?=(\d{3})+$)/g, function($1) {...}) 用于在整数部分的每三位数字之间插入逗号。

  • (\d) 匹配一个数字，并将其捕获为第一个捕获组。
  • (?=(\d{3})+$) 是一个正向预测先行断言，匹配整数部分的每三位数字的位置。
  • function($1) {...} 是一个回调函数，用于在匹配的数字前面插入逗号。

百分数

1
2
3
4
5

const formatter = (value) =>
   value.replace(
       /^(-|(?!([1-9]\d?(\.\d{1,2})?|100(\.00?)?)$)\d+(\.\d{1,2})?)$/,
       value.substr(0, value.length - 1) || ''
   )

正则表达式的解释：

• ^ 表示匹配字符串的开始。
• (-|(?!...)) 是一个组，匹配负数或者不满足后面条件的数字。
• (?!...) 是负向预测先行断言，用于排除某些情况。
• ([1-9]\d?(\.\d{1,2})?|100(\.00?)?) 匹配一个合法的数字，可以是整数或带有两位小数的小数，最大值为 100。
• \d+(\.\d{1,2})? 匹配正整数或带有两位小数的小数。
• $ 表示匹配字符串的结束。

正则表达式

正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象，这些模式被用于RegExp 的 exec 和 test 方法，以及 String 的 match、matchAll、replace、search 和 split 方法。本章介绍 JavaScript 正则表达式。

创建一个正则表达式

可以用一下两种方法创建一个正则表达式

使用一个正则表达式字面量，其中包含斜杠的表达模式组成

1

var re = /ab+c/

x function numFormat(num){  var res=num.toString().replace(/\d+/, function(n){ // 先提取整数部分       return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){          return $1+”,”;       }); })  return res;}const toMoney = (num) => {    const str = num + ‘’    return str.replace(/\B(?=(\d{3})+(?!\d))/g, ‘,’)}​ const formatter = (value) =>    value.replace(        /^(-|(?!([1-9]\d?(.\d{1,2})?|100(.00?)?)$)\d+(.\d{1,2})?)$/,        value.substr(0, value.length - 1) || ‘’   )js

或者调用RegExp对象的构造函数

1

var re = new RegExp("ab+c")

在脚本运行中，用构造函数创建的正则表达式会被编译。如果正则表达式将会被改变，或者它会将用户输入等来源中动态地产生，就需要使用构造函数来创建正则表达式。

编写一个正则表达式的模式

一个正则表达式模式是由简单的字符所构成的

比如/abc/;或者是简单和特殊字符的组合，比如/ab*c/或 /Chapter (\d+)\.\d*/。最后的例子中用到了括号，它在正则表达式中常用作记忆设备。即这部分所匹配的字符将会被记住以备后续使用，例如使用括号的子字符串匹配。

使用简单模式

简单模式是由你直接想找到的字符构成。比如，/abc/ 这个模式就能且仅能匹配”abc”字符按照顺序同时出现的情况。

例如能匹配

"Hi, do you know your abc's?"
"The latest airplane designs evolved from slabcraft."

但是不能匹配”Grab crab” ，只能一一对应

使用特殊字符

当你需要匹配一个不确定字符串的时候

可以使用/ab*c/ 去匹配一个单独的”a”后面跟了零个或者多个”b”,同时后面跟着”c”的字符串

* 的意思是前一项零次或者多次。在字符串”cbbabbbbcdebc”中,这模式匹配了字符串”abbbbc”

元字符

正则表达式主要依赖于元字符。 元字符不代表他们本身的字面意思，他们都有特殊的含义。一些元字符写在方括号中的时候有一些特殊的意思。以下是一些元字符的介绍：

简写字符集

正则表达式提供一些常用的字符集简写。如下: