js千分位实现方法汇总

1. 最最便捷的实现方式：toLocaleString()

注：只针对数字格式有效！

let num = 1234567890;
num.toLocaleString(); //"1,234,567,890"

2. 正则匹配

// 正则匹配方法一
let num = 1234567890;
let reg = /\d{1,3}(?=(\d{3})+$)/g;
String(num).replace(reg, '$&,'); //"1,234,567,890"// 正则匹配方法二
let num = 1234567890;
let reg = /\B(?=(\d{3})+$)/g;
String(num).replace(reg, ','); //"1,234,567,890"说明：如果想知道具体怎样的分组方式，可在 [https://regexper.com/](https://regexper.com/) 上测试
1. ?= 表示正向引用
2. $& 表示与正则表达式相匹配的内容，可查看replace()
3. \B 非单词边界

3. for循环

// for循环方法一
function format(num){  num = String(num);//数字转字符串  let str = '';//字符串累加  for (let i = num.length- 1, j = 1; i >= 0; i--, j++){  if (j%3 == 0 && i != 0){ //每隔三位加逗号，过滤正好在第一个数字的情况  str += num[i] + ','; //加千分位逗号  continue;  }  str += num[i]; //倒着累加数字}  return str.split('').reverse().join(""); //字符串=>数组=>反转=>字符串
}
let num = 1234567890;
format(num); //"1,234,567,890"// for循环方法二
function format(num){  num = String(num);//数字转字符串let str = '';//字符串累加for (let i = num.length- 1, j = 1; i >= 0; i--, j++){  if (j%3 == 0 && i != 0){ //每隔三位加逗号，过滤正好在第一个数字的情况str = ',' + num[i] + str; //加千分位逗号continue; }  str = num[i] + str; //累加数字}  return str;
}
let num = 1234567890;
format(num); //"1,234,567,890"

4. slice+while循环

function format(num) {let arr = [],str = String(num),count = str.length;while (count >= 3) {arr.unshift(str.slice(count - 3, count));count -= 3;}// 如果是不是3的倍数就另外追加到上去if(str.length % 3) arr.unshift(str.slice(0, str.length % 3));return arr.toString();
}
let num = 1234567890;
format(num); //"1,234,567,890"

5. reduce

function format(num) {var str = num+'';return str.split("").reverse().reduce((prev, next, index) => {return ((index % 3) ? next : (next + ',')) + prev;})
}
let num = 1234567890;
format(num); //"1,234,567,890"

当然也存在很多类似的写法，不一一列举了～

js千分位实现方法汇总相关推荐

封装js千分位加逗号和删除逗号
//封装js千分位加逗号和删除逗号alert( format(2545678754.020001) ) //2,545,678,754.03alert( format(-2545678754.0200 ...
千分位显示方法（每三位数字之间加一个逗号显示）
千分位显示方法一: export function numberToCurrencyNo(value) {if (!value) return 0// 获取整数部分const intPart = Ma ...
js 千分位格式化（4种方式实现）
千分位格式化 ---> 金额格式化 // 1000 ---> 1,000 // 10000 ---> 10,000 // 100000 ---> 100,000 // 1000 ...
5种处理js跨域问题方法汇总（转载）
1.JSONP跨域GET请求 ajax请求,dataType为jsonp.这种形式需要请求在服务端调整为返回callback([json-object])的形式.如果服务端返回的是普通json对象.那 ...
JS——判断变量类型方法汇总
判断变量类型一.使用typeof判断变量类型二.使用instanceof判断变量的类型三.使用constructor判断变量的类型四.使用Object.prototype.toString.c ...
JS中Object的方法汇总，包括assign、create、prototype等等
JavaScript Object JS的Object到底是啥东西呢?它有啥东西呢? 我们简单知道的,就是new一个Object实例对象,那这个实例对象又何Object又有什么关系呢? 先打印一下看看 ...
java中刷新js函数,js常用刷新页面方法汇总
如何实现刷新当前页面呢?借助js你将无所不能. 1,reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet]) 参数: bForceGet, 可选 ...
JS对象 - Array属性方法汇总
属性名描述 prototype 为对象添加属性.方法 constructor 返回数组对象引用 length 返回数组元素数目方法名描述返回更改原数组 concat() 连接多个数组连接后 ...
JS - 生成随机数的方法汇总（不同范围、类型的随机数）
1,生成 [ 0, 1 ) 范围内的随机数(大于等于0,小于1) (1)使用 random() 方法可以返回一个介于 0 ~ 1 之间的伪随机数(包括 0,不包括 1). Math.random() ...

js千分位实现方法汇总

1. 最最便捷的实现方式：toLocaleString()

2. 正则匹配

3. for循环

4. slice+while循环

5. reduce

js千分位实现方法汇总相关推荐

最新文章

热门文章