前端实现数字千分位标注

第一种正则匹配

(?!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(''))

你可能感兴趣的:(前端知识,算法,数据结构,前端)