前端数字千分位处理的常用方法

本文介绍两种实现金额格式化的方法:一种利用正则表达式实现数字每三位添加逗号分隔;另一种通过数组操作及字符串反转完成。重点介绍了正则表达式的使用技巧。

第一种正则表达式匹配
(?!pattern)是正向否定预查,在任何不匹配pattern的字符串开始处匹配查找字符串
所以(?!^) 是为了防止个数是3的倍数时分号也划分了

(?=pattern) 正向肯定预查,在任何匹配pattern的字符串开始处匹配查找字符串。

\d{3} 以三个数字为划分,+ 表示出现一次或多次, $ 表示以三个数字的结尾处划分。

(?=(\d{3})+$)
元数据

var num = "12345678"; 
var reg = /(?!^)(?=(\d{3})+$)/g;
console.log(num.replace(reg, ","));
// 12,345,678

第二种暴力方法

1.先把金额转为数组

var s = '123456789';
var list = s.split('');

2.对数组进行处理

var ss = ''
var num = 1;
for (var i = list.length - 1; i>=0; i--) {
	if((num)%3 == 0 && num!=list.length) {
		ss = ss+list[i] +',';
	}else {
		ss = ss+list[i];
	}
	++num;
}

3.直接字符串反转
var mony = ss.split(’’).reverse().join(’’);

在这里插入图片描述

var s = '123456789';
var list = s.split('');
var ss = ''
var num = 1;
for (var i = list.length - 1; i>=0; i--) {
	if((num)%3 == 0 && num!=list.length) {
		ss = ss+list[i] +',';
	}else {
		ss = ss+list[i];
	}
	++num;
}

console.log('原来的未处理:' + s);
console.log('处理之后:' + ss.split('').reverse().join(''))

笔者还是喜欢正则表达式,因为方便,就是匹配的表达式需要自己根据实际情况来写,喜欢正则的小伙伴可以去简单学习一下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值