`
pcajax
  • 浏览: 2157079 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js 数字,金额 用逗号 隔开。数字格式化

阅读更多
例如:
12345格式化为12,345.00
12345.6格式化为12,345.60
12345.67格式化为 12,345.67
只留两位小数。

回来后写了个格式化函数。可以控制小数位数,自动四舍五入。

代码如下:
引用

function fmoney(s, n)  
{  
   n = n > 0 && n <= 20 ? n : 2;  
   s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";  
   var l = s.split(".")[0].split("").reverse(),  
   r = s.split(".")[1];  
   t = "";  
   for(i = 0; i < l.length; i ++ )  
   {  
      t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");  
   }  
   return t.split("").reverse().join("") + "." + r;  
}


调用:fmoney("12345.675910", 3),返回12,345.676

还原函数:
引用

function rmoney(s)  
{  
   return parseFloat(s.replace(/[^\d\.-]/g, ""));  
}


示例(可保存一下代码为html文件,运行查看效果):
引用

<SCRIPT>  
function fmoney(s, n)  
{  
   n = n > 0 && n <= 20 ? n : 2;  
   s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";  
   var l = s.split(".")[0].split("").reverse(),  
   r = s.split(".")[1];  
   t = "";  
   for(i = 0; i < l.length; i ++ )  
   {  
      t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");  
   }  
   return t.split("").reverse().join("") + "." + r;  
}  
function rmoney(s)  
{  
   return parseFloat(s.replace(/[^\d\.-]/g, ""));  
}  
function g(id)  
{  
   return document.getElementById(id);  
}  
window.onload = function()  
{  
   var num,  
   txt = g("txt"),  
   txt2 = g("txt2"),  
   btn = g("btn"),  
   btn2 = g("btn2"),  
   span = g("span");  
   btn.onclick = function()  
   {  
      num = parseInt(g("num").value);  
      txt.value = fmoney(txt.value, num);  
      txt2.value = fmoney(txt2.value, num);  
   }  
   ;  
   btn2.onclick = function()  
   {  
      num = parseInt(g("num").value);  
      span.innerHTML = "=" + fmoney(rmoney(txt.value) + rmoney(txt2.value), num);  
   }  
   ;  
}  
;  
</SCRIPT>  
小数点位数:  
<select id="num">  
<option value="2">2</option>  
<option value="3">3</option>  
<option value="4">4</option>  
<option value="5">5</option>  
</select>  
<input type="text" id="txt" value="12345.675910"> +  
<input type="text" id="txt2" value="1223"> <span id="span"></span>  
<br>  
<input type="button" id="btn" value="格式化">  
<input type="button" id="btn2" value="相加">
分享到:
评论

相关推荐

    JS格式化数字金额用逗号隔开保留两位小数

    在JavaScript中,格式化数字金额以用逗号隔开保留两位小数是一个常见需求,尤其是在涉及到财务数据的展示时。这样的格式化不仅可以让金额显示更加清晰,也有助于用户阅读和理解。 首先,要实现数字金额的格式化,...

    千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码

    千分位数字格式化是编程中常见的需求,主要应用于金融、会计等领域,其中数字每隔三位用逗号隔开以增加可读性。本文将介绍如何使用JavaScript来实现数字的千分位格式化。 首先,需要了解的是,通过JavaScript实现...

    jquery 日期空间多选,多个日期逗号隔开

    在处理日期选择时,特别是在需要用户选取多个日期并以特定格式(如逗号隔开)显示的场景下,jQuery的插件和自定义功能显得尤为重要。本文将深入探讨如何使用jQuery实现“日期空间多选,多个日期逗号隔开”的功能。 ...

    txt文件读取以逗号为分隔符号

    对于前端或者Node.js开发者,可以使用`csv-parser`库来解析CSV数据: ```javascript const fs = require('fs'); const parse = require('csv-parse'); fs.createReadStream('example.txt') .pipe(parse({ ...

    json数据格式化(editplus 格式化 Json 工具 )

    JSON格式通常由键值对组成,键用双引号包围,后跟冒号,值与冒号之间用空格隔开,然后是逗号分隔多个键值对,整个对象用花括号包围。数组则使用方括号包含,并通过逗号分隔其元素。 在处理大量JSON数据时,保持其...

    javascript 写的数字formater,千位分割

    JavaScript中的数字格式化是编程实践中常见的一项任务,尤其是在处理用户界面展示时,为了提高数据可读性,我们经常需要将大数字用千位分隔符(例如,将1234567变为1,234,567)。在给定的【标题】"javascript 写的...

    js格式化输入框内金额、银行卡号

    首先,银行卡号格式化通常要求将卡号每4位一组,中间用空格隔开。这是为了便于用户阅读,减少出错概率。格式化函数`formatBC`会监听银行卡输入框的`keyup`事件,以确保每次用户按键后都会即时进行格式化处理。核心...

    js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)

    在JavaScript中,将长阿拉伯数字按每三位一逗号进行分隔,是一种常见的数据格式化需求,尤其在财务和统计领域。这不仅可以提高数字的可读性,还有助于人们理解和处理大量的数值信息。本文将详细介绍如何使用...

    json串格式化工具

    在处理大量或者层次复杂的JSON数据时,格式化工具会将嵌套的对象和数组用缩进表示,每一层级的键值对之间用逗号分隔,这样就能一眼看出数据的层次关系,方便开发者快速定位问题或提取所需信息。 “标签”中的“json...

    Json格式化工具

    1. 数据是键值对:键和值之间用冒号隔开,键值对之间用逗号分隔。 2. 键必须是字符串,用双引号包围。 3. 值可以是各种类型:字符串、数字、布尔值、数组、对象或者null。 4. 对象以花括号{}包围,数组以方括号[]...

    Editplus JSON格式化插件.zip

    **EditPlus JSON格式化插件**是一款专为提升开发者在使用**EditPlus**文本编辑器时处理JSON数据效率而设计的实用工具。EditPlus是一款功能强大的文本编辑器,广泛用于编写代码、HTML、PHP、Java等,但它原生并不具备...

    JSON格式化工具.zip

    对象是以花括号{}包围,由键值对组成,键与值之间用冒号隔开,不同键值对用逗号分隔。数组则用方括号[]包围,元素之间用逗号分隔。 2. 数据类型:JSON支持以下数据类型:字符串(string)、数字(number)、布尔值...

    客户端json格式化工具

    客户端JSON格式化工具是专门针对JSON数据进行美化、整理和校验的软件或在线工具,帮助开发者更方便地查看和理解复杂结构的JSON数据。 1. JSON的结构: JSON数据以键值对的形式存在,其中键(key)总是字符串,而值...

    软件开发人员小工具css Javascript 格式化工具

    接下来是JS(JavaScript)格式化工具。JavaScript是一种广泛使用的脚本语言,用于实现网页的动态功能。由于其灵活性,JavaScript代码往往容易变得杂乱无章。JavaScript格式化工具可以解决这个问题,它会重新排列代码...

    vue element-ui实现input输入框金额数字添加千分位

    该函数接收一个事件对象el,获取输入框当前的值,去除其中的千分位逗号,并使用`comdify`函数进行千分位格式化处理。 8. 在Vue组件中的使用 在Vue组件的`template`部分,`&lt;el-input&gt;`绑定了v-model指令和trim修饰符...

    json格式化工具json

    使用JSON格式化工具,你可以实现以下功能: 1. **美化输出**:将紧凑的JSON字符串展开,每一层缩进,使得整个数据结构层次分明,便于查看。这通常通过增加缩进空格(如2个或4个空格)来实现。 2. **高亮显示**:...

    格式化json数据

    JSON数据由键值对组成,键用双引号包围,后面跟一个冒号,然后是值,值与键之间用逗号隔开。数组是以方括号包围的一系列值,每个值之间也用逗号分隔。例如: ```json { "name": "John", "age": 30, "city": "New...

    json格式化工具

    在实际开发中,除了手动使用格式化工具,还可以利用编程语言内置的库或模块,如JavaScript的`JSON.stringify()`方法,来实现JSON数据的格式化。此外,还有一些在线工具,如PrettyPrint、JSONLint等,提供了类似的...

    json,xml格式化html显示

    JSON的基本结构包括对象和数组,对象以花括号{}包裹,键值对以冒号:分隔,各对之间用逗号,隔开;数组则以方括号[]包裹,元素之间同样用逗号分隔。例如: ```json { "name": "John", "age": 30, "city": "New ...

Global site tag (gtag.js) - Google Analytics