`
java032
  • 浏览: 86828 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript格式化数字显示

阅读更多
  对数字进行格式化输出,是非常有意义的一件事情,例如许多时候,我们希望一个数字能够输出为指定格式的字符串,拿25.9878来说,我们可能会希望它能保留两位小数来说出,即结果为25.99,或者对于0.345678,希望能够按百分号输出,并保留小数点后两位,即结果为34.57%,又例如我们希望将数字56456456按照科学计数法来显示,并保留小数点后两位,即结果为5.65e+7,类似例子当然还有很多。

  那么在Javascript标准之中,是否提供了对这些格式化输出的支持呢,可以说Javascript也提供了部分支持,但是提供的并部完善,具体你可以看一下Number对象的使用,里面提供了对数字的一些格式化输出,几个函数如下:

  toExponential([fractionDigits])  :将数字按科学计数法格式返回,其中的fractionDigits值小数点后保留的位数。
  toFixed([fractionDigits])  :将数字按指定的小数点位数返回,其中的fractionDigits值小数点后保留的位数。
  toPrecision([precision])  :将数字按指定的精度返回(这个精度不是指小数点后几位),其中precision是指定的精度值。

  如果你不会使用上面的函数,我简单给你举个例子:

  var num=56.45678;
  var rs1=num.toExponential(2);//rs1的值为5.65e+1
  var rs2=num.toFixed(2);//rs的值为56.45
  var rs3=num.toPrecision(2);//rs的值为56

  虽然说Number对象提供的这些方法能够解决不少的数字转化问题,但是对于许多情况还是不好满足的,例如对百分号的支持等等。

  为了解决这个问题,并提供更为强大和灵活的数字格式化要求,JsJava专门提供了的Javascript自定义类来进行支持,你可以下载jsjava-1.0.js,引用其中的src/jsjava/text /NumberFormat.js或者直接引用jslib/jsjava-1.0.js,举例如下:
//2.0 版本中使用jsjava-2.0.js
    var nf=new NumberFormat();//2.0版本中使用DecimalFormat
    nf.applyPattern(”000.000%”);
    var res=nf.format(-0.893566);
    document.write(res+”<br>”);
    nf.applyPattern(”0000.00″);
    var res=nf.format(-53.385967);
    document.write(res+”<br>”);
    nf.applyPattern(”0000.000E00″);
    var res=nf.format(53.385967);
    document.write(res+”<br>”);

  显示结果为:

  -89.357%
  -53.39
  5338.597e-2

  JsJava是非常强大的,它是目前世界上最为全面的Javascript类库体系,使用JsJava,将更使你的界面脚本逻辑开发变得更加简单。
分享到:
评论

相关推荐

    javascript格式化数字

    `formatNumber`函数提供了一种灵活且强大的方式来格式化数字,无论是处理大额数值还是精细化的小数点操作,都能轻松应对。通过对格式模板的定制,可以满足不同场景下的展示需求,极大地提升了用户体验与数据呈现的...

    javascript 日期数字文本格式化

    在JavaScript中,日期和数字的文本格式化是一个常见的需求,特别是在构建用户界面或者处理数据时。这个主题主要涉及如何将日期对象转换为易读的字符串,以及如何对数字进行格式化,使其符合特定的显示标准。这篇博文...

    finereport格式化金额函数js中进行数字超大金额千位符格式化处理.docx

    "finereport格式化金额函数js中进行数字超大金额千位符格式化处理" 本文主要讲解了finereport格式化金额函数在JS中进行数字超大金额千位符格式化处理的方法。该需求在前端开发中非常普遍,例如音乐app中的歌曲播放...

    javascript数字格式化为货币字符,数字格式化为大写货币

    在JavaScript中,对数字进行货币格式化的处理是非常常见的需求,尤其是在财务或电子商务相关的应用程序中。以下是对给定代码片段的深入解析和知识点总结。 #### 标准货币格式化函数 `formatCurrency` 此函数实现了...

    javascript精确计算日期处理金额格式化

    Numeral.js提供了一种方便的方式来格式化数字,包括货币,百分比,数字等。例如,`numeral(1234567.89).format('0,0.00')`将输出"1,234,567.89"。accounting.js则提供了类似的功能,如`accounting.formatMoney...

    JavaScript 格式化浮点类型函数

    例如,`new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(num)`将格式化数字为美元格式。 基于以上原理,我们可以编写一个自定义的浮点数格式化函数,接受两个参数:一个是需要格式...

    基于JavaScript的数字时钟

    JavaScript代码会找到这个元素,并将格式化后的时间文本插入到其中。例如: ```javascript document.getElementById('clock').innerText = formatTime(hours, minutes, seconds); ``` `formatTime`函数会把小时、...

    json数据在Html页面格式化显示

    总结来说,"json数据在Html页面格式化显示"是一个常见的开发需求,它涉及到JSON解析、HTML生成、JavaScript事件处理和CSS样式设计等多个技术领域。通过这些技术的结合,可以创建出一个用户友好的界面,便于查看和...

    数字或金额千分位格式化组件

    "数字或金额千分位格式化组件"就是为了解决这个问题而设计的一种工具。这个组件的主要功能是实现数字和金额的自动格式化,将输入的数值转换成带有千分位分隔符的格式,并控制小数点后的位数。这样不仅提升了用户体验...

    JavaScript格式化日期

    在JavaScript中,日期格式化是一项常见的任务,尤其是在处理用户界面展示或者数据存储时。`Date`对象是JavaScript内置的对象,提供了处理日期和时间的各种方法。在这个场景中,我们需要将一个像"XXXX年XX月XX日"这样...

    jquery数字格式化分隔符插件

    **jQuery数字格式化分隔符插件:jquery-number-divider** 在网页开发中,尤其是在处理大量数据或财务信息时,数字的格式化显得尤为重要。`jquery-number-divider` 是一个专为jQuery设计的轻量级插件,它使得在前端...

    javascript 数字格式化输出的实现代码

    JavaScript中的数字格式化是编程中常见的一种需求,它主要用于将数字按照特定的样式输出,例如添加千位分隔符、保留小数位数等。在提供的代码中,`format`函数实现了这一功能,它接受两个参数:`number`是要格式化的...

    Numeral.js一个用于格式化和操作数字的JavaScript库

    2. **易于使用的API**:Numeral.js提供了简洁的API,允许开发者通过`numeral(number).format(format)`来快速格式化数字。例如,`numeral(123456.789).format('0,0.00')`将返回`"123,456.79"`。 3. **数字转换**:...

    json,xml格式化html显示

    它通常会提供一个简单的API接口,接收JSON字符串作为输入,然后返回格式化后的HTML字符串,可以直接插入到网页中显示。 总的来说,JSON和XML都是数据交换的重要格式,它们各有优缺点,选择哪种格式取决于具体的应用...

    ajax请求时json时间格式的格式化显示

    // 在页面上显示格式化后的时间 $('#displayTime').text(formattedTime); } }); ``` 3. `ajaxDataFormat.js`可能包含了`formatTime`函数,该函数可能使用JavaScript内置的`Date`对象来解析和格式化时间戳: ```...

    离线json格式化查看工具下载

    3. **高亮显示**:为了增强可读性,许多离线JSON格式化工具还提供了语法高亮功能,不同类型的元素(如键、字符串、数值等)会使用不同的颜色进行区分。 4. **折叠/展开**:对于嵌套层次较深的JSON对象,工具通常...

    JSON格式化工具-JSON格式化美化工具

    HTML文件作为用户界面,呈现JSON数据,而JavaScript文件则是工具的核心,负责处理用户的输入(JSON字符串),进行格式化操作,并将结果显示在HTML页面上。这样的设计使得工具具有跨平台性,无论用户使用何种操作系统...

    Mac版json格式化工具

    1. **实时预览**:在编辑过程中即时显示格式化效果,便于调整数据格式。 2. **拖放操作**:可以通过拖放JSON文件到应用图标上,直接打开并格式化。 3. **自定义设置**:允许用户自定义缩进样式(空格或制表符)、...

    jQuery数字格式化分隔符代码

    // 将格式化后的数字显示在id为'display'的元素中 }); ``` 以上就是关于`jQuery数字格式化分隔符代码`的相关知识点,它简化了数字格式化的过程,为前端开发提供了便利。通过理解并运用这个插件,开发者可以提高...

Global site tag (gtag.js) - Google Analytics