正则表达式去掉小数点后面的0_前端使用正则表达式的常见场景（2）

文章内容整理自王峰老师的PPT。

常见场景一：正则与数值

1. 数值的判断

/[0-9]+/

[] 括起来的部分叫字符集；
使用连字符-表示指定字符的范围(如果想匹配连字符可以进行转义，或挨着方括号放置）；0-9表示匹配从0-9的数字字符（常见的还有a-z匹配小写字母，u4e00-u9fa5匹配汉字等）；
如果只是匹配数字还可以使用d
+ 为限字符，匹配一个或多个

这个正则的缺点：

不是全字符匹配，存在误判

const reg = /[0-9]+/;
const str = 'a1';
reg.test(str); // true

/^d+$/

这个表达式，将字符集缩写成了d，前后加了定位符

^ 匹配字符串的开始位置。当结合m修饰符时，匹配某一行的开始位置
$ 匹配字符串的结束位置。当结合m修饰符时，匹配某一行的结束位置
常见的定位符还有 ：
b 匹配一个单词的边界，也就是字与空格间的位置
B 非单词边界匹配

const reg = /^d+$/;
const str = 'a1';
reg.test(str); // false

这个正则表达式的缺点：

不能匹配带符号的数值，如+1，-2

不能匹配小数，如3.1415926

/^[+-]?d+(.d+)?$/

()，圆括号内是一个子表达式，当圆括号不带任何修饰符时，表示同时创建一个捕获组
?，在正则表达式中有多种含义，作为限定符时，表示匹配0个或1个
.，.可以匹配除换行符之外的任意字符，结合修饰符s可以匹配包括换行符在内的任意字符

PS：想了解更多修饰符相关，可查看正则表达式修饰符

const reg = /^[+-]?d+(.d+)?$/
reg.test("+1"); // true
reg.test("3.1415926"); // true

这个表达式的缺点：

不能匹配无整数部分的小数，如.123

捕获组会带来额外的开销

/^[+-]?(?:d*.)?d+$/

这个正则表达式中上个的区别是，上次是把小数点和小数部分放在括号里的，这次把整数部分和小数点放在括