JS实现千位分隔符的两种方法

分享JS实现千位分隔符的两种方法

自己最好在 VScode 进行练习，看不如动手来得深刻

方法一：普通方法

  <script>function numFormat(num) {var tmp = num.toString().split("."); // 变成字符，然后用“.” 分开小数点前后两个部分为一个数组tmp[0]和tmp[1]            // console.log(num);var arr = tmp[0].split("").reverse(); // 变成数组，然后翻转0// console.log(tmp);var res = [];for (var i = 0; i < arr.length; i++) {if (i % 3 == 0 && i != 0) { // 在3的倍数前先添加“,”res.push(",");res.push(arr[i]);} else {res.push(arr[i]);}}var a = res.reverse().join(""); // 再次翻转，变成顺序console.log(a);tmp[0] = a;console.log(tmp);var result = tmp.join("."); // 与小数点后面的结合成字符串console.log(result); // 32,434,542.2323return result;}numFormat(32434542.2323);</script>

方法二：正则的方法（个人喜欢）

     <script>function numFormat(num) {var res = num.toString().replace(/\d+/, function (n) { // 先提取整数部分return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) {return $1 + ",";});})return res;}var num1 = 45465454654513;var num2 = 87985513.464984;console.log(numFormat(num1)); // 45,465,454,654,513console.log(numFormat(num2)); // 87,985,513.464984</script>

路漫漫其修远兮，吾将上下而求索

JS实现千位分隔符的两种方法相关推荐

html+input改变图标,JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 将小图标当做input的背景来插入,直接上代码吧: Box{ height: 50px; backgroun ...
js获取classname值_利用js获取元素class值的两种方法
我们有时为了达到某种效果,需要以元素的class值为条件做判断. 我们如何利用JavaScript获取元素class的值?我们先看下面代码: x=document.getElementsByTagNa ...
html密码框怎么添加小图标,JS Input里添加小图标的两种方法
我们在做网页的时候,经常需要在input里面添加小图标,那么这里就介绍比较常见的两种方法. 方法一将小图标当做input的背景来插入,直接上代码吧: *{ margin: 0; padding: 0 ...
php 保留两位小数的两种方法
php 保留两位小数的两种方法 echo sprintf("%.2f", 2.136); //四舍五入 echo "<br/>"; echo (in ...
JS 数字千位分隔符且保留两位小数
数字千位分隔符且保留两位小数 1.仅需要整数位千位分隔 num.toLocaleString() 2.仅需要保留两位小数 num.toFixed(2) 3.需要千位分隔符且带两位小数 Thousand ...
JS实现合并单元格的两种方法
本后端菜狗想在网上找合并单元格的代码,结果找到的都是太老的代码,然后就只能用Js手写了两种方法(第二种方法叫了个前端大佬写的) 废话不多说,直接上代码: (由于时间有点小久,就不写思路和过程啦) 第一 ...
使用js提交form表单的两种方法
提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...
js提交form表单的两种方法
当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用submit提交.一种是用button提交. 方法一: 在jsp的前端页面的头部插入一 ...
html表单调用js方法,使用js提交form表单的两种方法
提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...

JS实现千位分隔符的两种方法

分享JS实现千位分隔符的两种方法

方法一：普通方法

方法二：正则的方法（个人喜欢）

JS实现千位分隔符的两种方法相关推荐

最新文章

热门文章