JS 正则中环视(断言)应用 -- 数字千分符
2021-05-08 08:29
标签：code js 正则 span ber 习惯 func form subscript string 介绍一下顺序环视 (?=...) 和逆序环视 (? 其中最关键的是肯定顺序环视(?=...)，也叫零宽度正预测先行断言。 我们知道匹配连续的 3 个数字的方法是 /\d{3}/ 3 的倍数的位数的数字就是 /(\d{3})+/ 上面两个加起来就可以匹配到前面有数字，且后面有 3 的倍数的位置，但如果你这样子写： 会发现和预期不同，右边三位数字前面的每个数字后都加了逗号。 如果你是在支持 ES2018 环境下运行那到这里就可以了，但目前很多浏览器还不支持逆序环视。好在我们可以稍微变通，不使用逆序环视来解决 如果想用国内的习惯，按万位划分，把 3 改 4 即可 JS 正则中环视(断言)应用 -- 数字千分符 标签：code js 正则 span ber 习惯 func form subscript string 原文地址：https://www.cnblogs.com/liyan-web/p/12079923.html
方便不想看长文的人，如果在支持 ES2018 的环境中整数可以这样使用：String(12345678).replace(/(?// "12,345,678"
添加千分符麻烦的地方在于只有在从右到左 3 的倍数的位数和前面的数字中间需要添加逗号
而正则是从左到右匹配的，这时候就需要用到顺序肯定环视。
环视不占用字符，能匹配到符合要求的位置
比如，`/Java(?=Script)/` 只会匹配后面有 Script 的 Java 字符‘Java or JavaScript‘.replace(/Java(?=Script)/, ‘Type‘); // "Java or TypeScript"
再结合顺序肯定环视，我们就能匹配到后面有 3 的倍数的位数前面的位置 /(?=(\d{3})+)/
这样我们就成功一半了，下面的问题是 `123456` 这样的 6 位数，前面不需要加分隔符。
所以我们还需要匹配前面有数字的位置，这就需要肯定逆序环视 /(?
逆序环视和顺序环视相反，是指定模式后面的位置比如：‘Adding subscripts using Javascript‘.replace(/(?// "Adding subscripts using JavaScript"
String(12345678).replace(/(?// "1,2,3,4,5,678"
我们可以使用单词分隔符 `\b` 来解决这个问题String(12345678).replace(/(?// "12,345,678"
String(12345678).replace(/(\d{1,3})(?=(\d{3})+\b)/g, ‘$1,‘) // "12,345,678"
为了方便可以添加一个函数function formatNumber(number) {
if (typeof number !== ‘number‘) {
throw new Error(‘formatNumber parameter must be number‘);
}
if (Number.isNaN(number)) {
return ‘0‘;
}
let result;
const [integerNum, decimalNum] = String(number).split(‘.‘);
return integerNum.replace(/(\d)(?=(\d{3})+\b)/g, ‘$1,‘) + (decimalNum ? `.${decimalNum}` : ‘‘);
}
上一篇：html5+css3的神奇搭配
下一篇：28.web8
文章标题：JS 正则中环视(断言)应用 -- 数字千分符
文章链接：http://soscw.com/index.php/essay/83991.html