0

0

使用js实现数据格式化_javascript技巧

php中文网

php中文网

发布时间:2016-05-16 16:29:25

|

1603人浏览过

|

来源于php中文网

原创

格式化是通过格式操作使任意类型的数据转换成一个字符串。例如下面这样

复制代码 代码如下:

<script><br> console.log(chopper.format('{0} - {1} - {2}', 12, 24, 25)); // outputs "12 - 24 - 25"<br> </script>

下面是一个完整的代码,可以复制到自己的项目中。

大米商城damishop
大米商城damishop

damishop介绍 大米外贸商城系统 简称damishop 完全开源版,只需做一种语言一键开启全球133中语言自动翻译功能,价格实现自动汇率转换,集成微信支付宝 paypal以及国外主流支付方式,自带文章博客系统,首创支持可视化编辑。 软件架构 基于MVC+语言包模式,增加控制台,API导入产品方便对接其他系统(带json示例数据)。 使用要求

下载

复制代码 代码如下:

 
 
    
        
    
    
         <script src="<a%20href=" http:></script>">http://code.jquery.com/jquery-1.9.1.min.js">>
         <script><br>          (function() {<br>              var chopper = window.chopper = window.chopper || { cultures: {} },<br>                  math = Math,<br>                  formatRegExp = /{(d+)(:[^}]+)?}/g,<br>                  FUNCTION = "function",<br>                  STRING = "string",<br>                  NUMBER = "number",<br>                  OBJECT = "object",<br>                  NULL = "null",<br>                  BOOLEAN = "boolean",<br>                  UNDEFINED = "undefined",<br>                  slice = [].slice,<br>                  globalize = window.Globalize,<br>                  standardFormatRegExp =  /^(n|c|p|e)(d*)$/i,<br>                  literalRegExp = /(<a href="file://%5C%5C.)%7C(['][%5E']*[']?)%7C([%22][%5E%22]*[%22]?)/g">\.)|(['][^']*[']?)|(["][^"]*["]?)/g,<br>                  commaRegExp = /,/g,<br>                  EMPTY = "",<br>                  POINT = ".",<br>                  COMMA = ",",<br>                  SHARP = "#",<br>                  ZERO = "0",<br>                  PLACEHOLDER = "??",<br>                  EN = "en-US",<br>                  objectToString = {}.toString;<br>              //cultures<br>              chopper.cultures["en-US"] = {<br>                  name: EN,<br>                  numberFormat: {<br>                      pattern: ["-n"],<br>                      decimals: 2,<br>                      ",": ",",<br>                      ".": ".",<br>                      groupSize: [3],<br>                      percent: {<br>                          pattern: ["-n %", "n %"],<br>                          decimals: 2,<br>                          ",": ",",<br>                          ".": ".",<br>                          groupSize: [3],<br>                          symbol: "%"<br>                      },<br>                      currency: {<br>                          pattern: ["($n)", "$n"],<br>                          decimals: 2,<br>                          ",": ",",<br>                          ".": ".",<br>                          groupSize: [3],<br>                          symbol: "$"<br>                      }<br>                  },<br>                  calendars: {<br>                      standard: {<br>                          days: {<br>                              names: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],<br>                              namesAbbr: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],<br>                              namesShort: [ "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa" ]<br>                          },<br>                          months: {<br>                              names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],<br>                              namesAbbr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]<br>                          },<br>                          AM: [ "AM", "am", "AM" ],<br>                          PM: [ "PM", "pm", "PM" ],<br>                          patterns: {<br>                              d: "M/d/yyyy",<br>                              D: "dddd, MMMM dd, yyyy",<br>                              F: "dddd, MMMM dd, yyyy h:mm:ss tt",<br>                              g: "M/d/yyyy h:mm tt",<br>                              G: "M/d/yyyy h:mm:ss tt",<br>                              m: "MMMM dd",<br>                              M: "MMMM dd",<br>                              s: "yyyy'-'MM'-'ddTHH':'mm':'ss",<br>                              t: "h:mm tt",<br>                              T: "h:mm:ss tt",<br>                              u: "yyyy'-'MM'-'dd HH':'mm':'ss'Z'",<br>                              y: "MMMM, yyyy",<br>                              Y: "MMMM, yyyy"<br>                          },<br>                          "/": "/",<br>                          ":": ":",<br>                          firstDay: 0,<br>                          twoDigitYearMax: 2029<br>                      }<br>                  }<br>              };<br>               function findCulture(culture) {<br>                  if (culture) {<br>                      if (culture.numberFormat) {<br>                          return culture;<br>                      }<br>                      if (typeof culture === STRING) {<br>                          var cultures = chopper.cultures;<br>                          return cultures[culture] || cultures[culture.split("-")[0]] || null;<br>                      }<br>                      return null;<br>                  }<br>                  return null;<br>              }<br>              function getCulture(culture) {<br>                  if (culture) {<br>                      culture = findCulture(culture);<br>                  }<br>                  return culture || chopper.cultures.current;<br>              }<br>              function expandNumberFormat(numberFormat) {<br>                  numberFormat.groupSizes = numberFormat.groupSize;<br>                  numberFormat.percent.groupSizes = numberFormat.percent.groupSize;<br>                  numberFormat.currency.groupSizes = numberFormat.currency.groupSize;<br>              }<br>              chopper.culture = function(cultureName) {<br>                  var cultures = chopper.cultures, culture;<br>                  if (cultureName !== undefined) {<br>                      culture = findCulture(cultureName) || cultures[EN];<br>                      culture.calendar = culture.calendars.standard;<br>                      cultures.current = culture;<br>                      if (globalize && !globalize.load) {<br>                          expandNumberFormat(culture.numberFormat);<br>                      }<br>                  } else {<br>                      return cultures.current;<br>                  }<br>              };<br>              chopper.culture(EN);<br>              //number formatting<br>              function formatNumber(number, format, culture) {<br>                  culture = getCulture(culture);<br>                  var numberFormat = culture.numberFormat,<br>                      groupSize = numberFormat.groupSize[0],<br>                      groupSeparator = numberFormat[COMMA],<br>                      decimal = numberFormat[POINT],<br>                      precision = numberFormat.decimals,<br>                      pattern = numberFormat.pattern[0],<br>                      literals = [],<br>                      symbol,<br>                      isCurrency, isPercent,<br>                      customPrecision,<br>                      formatAndPrecision,<br>                      negative = number < 0,<br>                      integer,<br>                      fraction,<br>                      integerLength,<br>                      fractionLength,<br>                      replacement = EMPTY,<br>                      value = EMPTY,<br>                      idx,<br>                      length,<br>                      ch,<br>                      hasGroup,<br>                      hasNegativeFormat,<br>                      decimalIndex,<br>                      sharpIndex,<br>                      zeroIndex,<br>                      hasZero, hasSharp,<br>                      percentIndex,<br>                      currencyIndex,<br>                      startZeroIndex,<br>                      start = -1,<br>                      end;<br>                  //return empty string if no number<br>                  if (number === undefined) {<br>                      return EMPTY;<br>                  }<br>                  if (!isFinite(number)) {<br>                      return number;<br>                  }<br>                  //if no format then return number.toString() or number.toLocaleString() if culture.name is not defined<br>                  if (!format) {<br>                      return culture.name.length ? number.toLocaleString() : number.toString();<br>                  }<br>                  formatAndPrecision = standardFormatRegExp.exec(format);<br>                  // standard formatting<br>                  if (formatAndPrecision) {<br>                      format = formatAndPrecision[1].toLowerCase();<br>                      isCurrency = format === "c";<br>                      isPercent = format === "p";<br>                      if (isCurrency || isPercent) {<br>                          //get specific number format information if format is currency or percent<br>                          numberFormat = isCurrency ? numberFormat.currency : numberFormat.percent;<br>                          groupSize = numberFormat.groupSize[0];<br>                          groupSeparator = numberFormat[COMMA];<br>                          decimal = numberFormat[POINT];<br>                          precision = numberFormat.decimals;<br>                          symbol = numberFormat.symbol;<br>                          pattern = numberFormat.pattern[negative ? 0 : 1];<br>                      }<br>                      customPrecision = formatAndPrecision[2];<br>                      if (customPrecision) {<br>                          precision = +customPrecision;<br>                      }<br>                      //return number in exponential format<br>                      if (format === "e") {<br>                          return customPrecision ? number.toExponential(precision) : number.toExponential(); // toExponential() and toExponential(undefined) differ in FF #653438.<br>                      }<br>                      // multiply if format is percent<br>                      if (isPercent) {<br>                          number *= 100;<br>                      }<br>                      number = round(number, precision);<br>                      negative = number < 0;<br>                      number = number.split(POINT);<br>                      integer = number[0];<br>                      fraction = number[1];<br>                      //exclude "-" if number is negative.<br>                      if (negative) {<br>                          integer = integer.substring(1);<br>                      }<br>                      value = integer;<br>                      integerLength = integer.length;<br>                      //add group separator to the number if it is longer enough<br>                      if (integerLength >= groupSize) {<br>                          value = EMPTY;<br>                          for (idx = 0; idx < integerLength; idx++) {<br>                              if (idx > 0 && (integerLength - idx) % groupSize === 0) {<br>                                  value += groupSeparator;<br>                              }<br>                              value += integer.charAt(idx);<br>                          }<br>                      }<br>                      if (fraction) {<br>                          value += decimal + fraction;<br>                      }<br>                      if (format === "n" && !negative) {<br>                          return value;<br>                      }<br>                      number = EMPTY;<br>                      for (idx = 0, length = pattern.length; idx < length; idx++) {<br>                          ch = pattern.charAt(idx);<br>                          if (ch === "n") {<br>                              number += value;<br>                          } else if (ch === "$" || ch === "%") {<br>                              number += symbol;<br>                          } else {<br>                              number += ch;<br>                          }<br>                      }<br>                      return number;<br>                  }<br>                  //custom formatting<br>                  //<br>                  //separate format by sections.<br>                  //make number positive<br>                  if (negative) {<br>                      number = -number;<br>                  }<br>                  if (format.indexOf("'") > -1 || format.indexOf(""") > -1 || format.indexOf("\") > -1) {<br>                      format = format.replace(literalRegExp, function (match) {<br>                          var quoteChar = match.charAt(0).replace("\", ""),<br>                              literal = match.slice(1).replace(quoteChar, "");<br>                          literals.push(literal);<br>                          return PLACEHOLDER;<br>                      });<br>                  }<br>                  format = format.split(";");<br>                  if (negative && format[1]) {<br>                      //get negative format<br>                      format = format[1];<br>                      hasNegativeFormat = true;<br>                  } else if (number === 0) {<br>                      //format for zeros<br>                      format = format[2] || format[0];<br>                      if (format.indexOf(SHARP) == -1 && format.indexOf(ZERO) == -1) {<br>                          //return format if it is string constant.<br>                          return format;<br>                      }<br>                  } else {<br>                      format = format[0];<br>                  }<br>                  percentIndex = format.indexOf("%");<br>                  currencyIndex = format.indexOf("$");<br>                  isPercent = percentIndex != -1;<br>                  isCurrency = currencyIndex != -1;<br>                  //multiply number if the format has percent<br>                  if (isPercent) {<br>                      number *= 100;<br>                  }<br>                  if (isCurrency && format[currencyIndex - 1] === "\") {<br>                      format = format.split("<a href="file://%5C%5C%22).join">\").join("");<br>                      isCurrency = false;<br>                  }<br>                  if (isCurrency || isPercent) {<br>                      //get specific number format information if format is currency or percent<br>                      numberFormat = isCurrency ? numberFormat.currency : numberFormat.percent;<br>                      groupSize = numberFormat.groupSize[0];<br>                      groupSeparator = numberFormat[COMMA];<br>                      decimal = numberFormat[POINT];<br>                      precision = numberFormat.decimals;<br>                      symbol = numberFormat.symbol;<br>                  }<br>                  hasGroup = format.indexOf(COMMA) > -1;<br>                  if (hasGroup) {<br>                      format = format.replace(commaRegExp, EMPTY);<br>                  }<br>                  decimalIndex = format.indexOf(POINT);<br>                  length = format.length;<br>                  if (decimalIndex != -1) {<br>                      fraction = number.toString().split("e");<br>                      if (fraction[1]) {<br>                          fraction = round(number, Math.abs(fraction[1]));<br>                      } else {<br>                          fraction = fraction[0];<br>                      }<br>                      fraction = fraction.split(POINT)[1] || EMPTY;<br>                      zeroIndex = format.lastIndexOf(ZERO) - decimalIndex;<br>                      sharpIndex = format.lastIndexOf(SHARP) - decimalIndex;<br>                      hasZero = zeroIndex > -1;<br>                      hasSharp = sharpIndex > -1;<br>                      idx = fraction.length;<br>                      if (!hasZero && !hasSharp) {<br>                          format = format.substring(0, decimalIndex) + format.substring(decimalIndex + 1);<br>                          length = format.length;<br>                          decimalIndex = -1;<br>                          idx = 0;<br>                      } if (hasZero && zeroIndex > sharpIndex) {<br>                          idx = zeroIndex;<br>                      } else if (sharpIndex > zeroIndex) {<br>                          if (hasSharp && idx > sharpIndex) {<br>                              idx = sharpIndex;<br>                          } else if (hasZero && idx < zeroIndex) {<br>                              idx = zeroIndex;<br>                          }<br>                      }<br>                      if (idx > -1) {<br>                          number = round(number, idx);<br>                      }<br>                  } else {<br>                      number = round(number);<br>                  }<br>                  sharpIndex = format.indexOf(SHARP);<br>                  startZeroIndex = zeroIndex = format.indexOf(ZERO);<br>                  //define the index of the first digit placeholder<br>                  if (sharpIndex == -1 && zeroIndex != -1) {<br>                      start = zeroIndex;<br>                  } else if (sharpIndex != -1 && zeroIndex == -1) {<br>                      start = sharpIndex;<br>                  } else {<br>                      start = sharpIndex > zeroIndex ? zeroIndex : sharpIndex;<br>                  }<br>                  sharpIndex = format.lastIndexOf(SHARP);<br>                  zeroIndex = format.lastIndexOf(ZERO);<br>                  //define the index of the last digit placeholder<br>                  if (sharpIndex == -1 && zeroIndex != -1) {<br>                      end = zeroIndex;<br>                  } else if (sharpIndex != -1 && zeroIndex == -1) {<br>                      end = sharpIndex;<br>                  } else {<br>                      end = sharpIndex > zeroIndex ? sharpIndex : zeroIndex;<br>                  }<br>                  if (start == length) {<br>                      end = start;<br>                  }<br>                  if (start != -1) {<br>                      value = number.toString().split(POINT);<br>                      integer = value[0];<br>                      fraction = value[1] || EMPTY;<br>                      integerLength = integer.length;<br>                      fractionLength = fraction.length;<br>                      if (negative && (number * -1) >= 0) {<br>                          negative = false;<br>                      }<br>                      //add group separator to the number if it is longer enough<br>                      if (hasGroup) {<br>                          if (integerLength === groupSize && integerLength < decimalIndex - startZeroIndex) {<br>                              integer = groupSeparator + integer;<br>                          } else if (integerLength > groupSize) {<br>                              value = EMPTY;<br>                              for (idx = 0; idx < integerLength; idx++) {<br>                                  if (idx > 0 && (integerLength - idx) % groupSize === 0) {<br>                                      value += groupSeparator;<br>                                  }<br>                                  value += integer.charAt(idx);<br>                              }<br>                              integer = value;<br>                          }<br>                      }<br>                      number = format.substring(0, start);<br>                      if (negative && !hasNegativeFormat) {<br>                          number += "-";<br>                      }<br>                      for (idx = start; idx < length; idx++) {<br>                          ch = format.charAt(idx);<br>                          if (decimalIndex == -1) {<br>                              if (end - idx < integerLength) {<br>                                  number += integer;<br>                                  break;<br>                              }<br>                          } else {<br>                              if (zeroIndex != -1 && zeroIndex < idx) {<br>                                  replacement = EMPTY;<br>                              }<br>                              if ((decimalIndex - idx) <= integerLength && decimalIndex - idx > -1) {<br>                                  number += integer;<br>                                  idx = decimalIndex;<br>                              }<br>                              if (decimalIndex === idx) {<br>                                  number += (fraction ? decimal : EMPTY) + fraction;<br>                                  idx += end - decimalIndex + 1;<br>                                  continue;<br>                              }<br>                          }<br>                          if (ch === ZERO) {<br>                              number += ch;<br>                              replacement = ch;<br>                          } else if (ch === SHARP) {<br>                              number += replacement;<br>                          }<br>                      }<br>                      if (end >= start) {<br>                          number += format.substring(end + 1);<br>                      }<br>         </script>

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Golang 生态工具与框架:扩展开发能力
Golang 生态工具与框架:扩展开发能力

《Golang 生态工具与框架》系统梳理 Go 语言在实际工程中的主流工具链与框架选型思路,涵盖 Web 框架、RPC 通信、依赖管理、测试工具、代码生成与项目结构设计等内容。通过真实项目场景解析不同工具的适用边界与组合方式,帮助开发者构建高效、可维护的 Go 工程体系,并提升团队协作与交付效率。

1

2026.02.24

Golang 性能优化专题:提升应用效率
Golang 性能优化专题:提升应用效率

《Golang 性能优化专题》聚焦 Go 应用在高并发与大规模服务中的性能问题,从 profiling、内存分配、Goroutine 调度、GC 机制到 I/O 与锁竞争逐层分析。结合真实案例讲解定位瓶颈的方法与优化策略,帮助开发者建立系统化性能调优思维,在保证代码可维护性的同时显著提升服务吞吐与稳定性。

2

2026.02.24

Golang 面试题精选:高频问题与解答
Golang 面试题精选:高频问题与解答

Golang 面试题精选》系统整理企业常见 Go 技术面试问题,覆盖语言基础、并发模型、内存与调度机制、网络编程、工程实践与性能优化等核心知识点。每道题不仅给出答案,还拆解背后的设计原理与考察思路,帮助读者建立完整知识结构,在面试与实际开发中都能更从容应对复杂问题。

1

2026.02.24

Golang 运行与部署实战:从本地到云端
Golang 运行与部署实战:从本地到云端

《Golang 运行与部署实战》围绕 Go 应用从开发完成到稳定上线的完整流程展开,系统讲解编译构建、环境配置、日志与配置管理、容器化部署以及常见运维问题处理。结合真实项目场景,拆解自动化构建与持续部署思路,帮助开发者建立可靠的发布流程,提升服务稳定性与可维护性。

3

2026.02.24

Golang 疑难杂症解决指南:常见问题排查与优化
Golang 疑难杂症解决指南:常见问题排查与优化

《Golang 疑难杂症解决指南》聚焦开发过程中常见却棘手的问题,从并发模型、内存管理、性能瓶颈到工程化实践逐步拆解。通过真实案例与调试思路,帮助开发者定位问题根因,建立系统化排查方法。不只给出答案,更强调分析路径与工具使用,让你在复杂 Go 项目中具备持续解决问题的能力。

1

2026.02.24

Golang 入门学习路线:从零基础到上手开发
Golang 入门学习路线:从零基础到上手开发

Golang 入门路线涵盖从零到上手的核心路径:首先打牢基础语法与切片等底层机制;随后攻克 Go 的灵魂——接口设计与 Goroutine 并发模型;接着通过 Gin 框架与 GORM 深入 Web 开发实战;最后在微服务与云原生工具开发中进阶,旨在培养具备高性能并发处理能力的后端工程师。

0

2026.02.24

中国研究生招生信息网官方网站入口 研招网网页版在线入口
中国研究生招生信息网官方网站入口 研招网网页版在线入口

中国研究生招生信息网入口(https://yz.chsi.com.cn) 此网站是研究生报名入口的唯一官方网站

95

2026.02.24

苹果官网入口与在线访问指南_中国站点快速直达与iPhone查看方法
苹果官网入口与在线访问指南_中国站点快速直达与iPhone查看方法

本专题汇总苹果官网最新可用入口及中国站点访问方式,涵盖官网直达链接、iPhone官方页面查看方法与常见访问说明,帮助用户快速进入苹果官方网站,便捷了解产品信息与官方服务。

14

2026.02.24

Asianfanfics官网入口与访问指南_AFF官方平台最新登录地址
Asianfanfics官网入口与访问指南_AFF官方平台最新登录地址

本专题系统整理Asianfanfics(AFF)官方网站最新可用入口,涵盖官方平台最新直达地址、官网登录方式及中文访问指引,帮助用户快速、安全地进入AFF平台浏览与使用相关内容。

15

2026.02.24

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 9.6万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 3.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号