javascript数字格式化通用类 accounting.js使用


Posted in Javascript onAugust 24, 2012

代码内容及下载地址
accounting.js代码如下:

/*! 
* accounting.js v0.3.2 
* Copyright 2011, Joss Crowcroft 
* 
* Freely distributable under the MIT license. 
* Portions of accounting.js are inspired or borrowed from underscore.js 
* 
* Full details and documentation: 
* http://josscrowcroft.github.com/accounting.js/ 
*/ 
(function(root, undefined) { 
/* --- Setup --- */ 
// Create the local library object, to be exported or referenced globally later 
var lib = {}; 
// Current version 
lib.version = '0.3.2'; 
/* --- Exposed settings --- */ 
// The library's settings configuration object. Contains default parameters for 
// currency and number formatting 
lib.settings = { 
currency: { 
symbol : "$", // default currency symbol is '$' 
format : "%s%v", // controls output: %s = symbol, %v = value (can be object, see docs) 
decimal : ".", // decimal point separator 
thousand : ",", // thousands separator 
precision : 2, // decimal places 
grouping : 3 // digit grouping (not implemented yet) 
}, 
number: { 
precision : 0, // default precision on numbers is 0 
grouping : 3, // digit grouping (not implemented yet) 
thousand : ",", 
decimal : "." 
} 
}; 
/* --- Internal Helper Methods --- */ 
// Store reference to possibly-available ECMAScript 5 methods for later 
var nativeMap = Array.prototype.map, 
nativeIsArray = Array.isArray, 
toString = Object.prototype.toString; 
/** 
* Tests whether supplied parameter is a string 
* from underscore.js 
*/ 
function isString(obj) { 
return !!(obj === '' || (obj && obj.charCodeAt && obj.substr)); 
} 
/** 
* Tests whether supplied parameter is a string 
* from underscore.js, delegates to ECMA5's native Array.isArray 
*/ 
function isArray(obj) { 
return nativeIsArray ? nativeIsArray(obj) : toString.call(obj) === '[object Array]'; 
} 
/** 
* Tests whether supplied parameter is a true object 
*/ 
function isObject(obj) { 
return obj && toString.call(obj) === '[object Object]'; 
} 
/** 
* Extends an object with a defaults object, similar to underscore's _.defaults 
* 
* Used for abstracting parameter handling from API methods 
*/ 
function defaults(object, defs) { 
var key; 
object = object || {}; 
defs = defs || {}; 
// Iterate over object non-prototype properties: 
for (key in defs) { 
if (defs.hasOwnProperty(key)) { 
// Replace values with defaults only if undefined (allow empty/zero values): 
if (object[key] == null) object[key] = defs[key]; 
} 
} 
return object; 
} 
/** 
* Implementation of `Array.map()` for iteration loops 
* 
* Returns a new Array as a result of calling `iterator` on each array value. 
* Defers to native Array.map if available 
*/ 
function map(obj, iterator, context) { 
var results = [], i, j; 
if (!obj) return results; 
// Use native .map method if it exists: 
if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context); 
// Fallback for native .map: 
for (i = 0, j = obj.length; i < j; i++ ) { 
results[i] = iterator.call(context, obj[i], i, obj); 
} 
return results; 
} 
/** 
* Check and normalise the value of precision (must be positive integer) 
*/ 
function checkPrecision(val, base) { 
val = Math.round(Math.abs(val)); 
return isNaN(val)? base : val; 
} 
/** 
* Parses a format string or object and returns format obj for use in rendering 
* 
* `format` is either a string with the default (positive) format, or object 
* containing `pos` (required), `neg` and `zero` values (or a function returning 
* either a string or object) 
* 
* Either string or format.pos must contain "%v" (value) to be valid 
*/ 
function checkCurrencyFormat(format) { 
var defaults = lib.settings.currency.format; 
// Allow function as format parameter (should return string or object): 
if ( typeof format === "function" ) format = format(); 
// Format can be a string, in which case `value` ("%v") must be present: 
if ( isString( format ) && format.match("%v") ) { 
// Create and return positive, negative and zero formats: 
return { 
pos : format, 
neg : format.replace("-", "").replace("%v", "-%v"), 
zero : format 
}; 
// If no format, or object is missing valid positive value, use defaults: 
} else if ( !format || !format.pos || !format.pos.match("%v") ) { 
// If defaults is a string, casts it to an object for faster checking next time: 
return ( !isString( defaults ) ) ? defaults : lib.settings.currency.format = { 
pos : defaults, 
neg : defaults.replace("%v", "-%v"), 
zero : defaults 
}; 
} 
// Otherwise, assume format was fine: 
return format; 
} 
/* --- API Methods --- */ 
/** 
* Takes a string/array of strings, removes all formatting/cruft and returns the raw float value 
* alias: accounting.`parse(string)` 
* 
* Decimal must be included in the regular expression to match floats (defaults to 
* accounting.settings.number.decimal), so if the number uses a non-standard decimal 
* separator, provide it as the second argument. 
* 
* Also matches bracketed negatives (eg. "$ (1.99)" => -1.99) 
* 
* Doesn't throw any errors (`NaN`s become 0) but this may change in future 
*/ 
var unformat = lib.unformat = lib.parse = function(value, decimal) { 
// Recursively unformat arrays: 
if (isArray(value)) { 
return map(value, function(val) { 
return unformat(val, decimal); 
}); 
} 
// Fails silently (need decent errors): 
value = value || 0; 
// Return the value as-is if it's already a number: 
if (typeof value === "number") return value; 
// Default decimal point comes from settings, but could be set to eg. "," in opts: 
decimal = decimal || lib.settings.number.decimal; 
// Build regex to strip out everything except digits, decimal point and minus sign: 
var regex = new RegExp("[^0-9-" + decimal + "]", ["g"]), 
unformatted = parseFloat( 
("" + value) 
.replace(/\((.*)\)/, "-$1") // replace bracketed values with negatives 
.replace(regex, '') // strip out any cruft 
.replace(decimal, '.') // make sure decimal point is standard 
); 
// This will fail silently which may cause trouble, let's wait and see: 
return !isNaN(unformatted) ? unformatted : 0; 
}; 
/** 
* Implementation of toFixed() that treats floats more like decimals 
* 
* Fixes binary rounding issues (eg. (0.615).toFixed(2) === "0.61") that present 
* problems for accounting- and finance-related software. 
*/ 
var toFixed = lib.toFixed = function(value, precision) { 
precision = checkPrecision(precision, lib.settings.number.precision); 
var power = Math.pow(10, precision); 
// Multiply up by precision, round accurately, then divide and use native toFixed(): 
return (Math.round(lib.unformat(value) * power) / power).toFixed(precision); 
}; 
/** 
* Format a number, with comma-separated thousands and custom precision/decimal places 
* 
* Localise by overriding the precision and thousand / decimal separators 
* 2nd parameter `precision` can be an object matching `settings.number` 
*/ 
var formatNumber = lib.formatNumber = function(number, precision, thousand, decimal) { 
// Resursively format arrays: 
if (isArray(number)) { 
return map(number, function(val) { 
return formatNumber(val, precision, thousand, decimal); 
}); 
} 
// Clean up number: 
number = unformat(number); 
// Build options object from second param (if object) or all params, extending defaults: 
var opts = defaults( 
(isObject(precision) ? precision : { 
precision : precision, 
thousand : thousand, 
decimal : decimal 
}), 
lib.settings.number 
), 
// Clean up precision 
usePrecision = checkPrecision(opts.precision), 
// Do some calc: 
negative = number < 0 ? "-" : "", 
base = parseInt(toFixed(Math.abs(number || 0), usePrecision), 10) + "", 
mod = base.length > 3 ? base.length % 3 : 0; 
// Format the number: 
return negative + (mod ? base.substr(0, mod) + opts.thousand : "") + base.substr(mod).replace(/(\d{3})(?=\d)/g, "$1" + opts.thousand) + (usePrecision ? opts.decimal + toFixed(Math.abs(number), usePrecision).split('.')[1] : ""); 
}; 
/** 
* Format a number into currency 
* 
* Usage: accounting.formatMoney(number, symbol, precision, thousandsSep, decimalSep, format) 
* defaults: (0, "$", 2, ",", ".", "%s%v") 
* 
* Localise by overriding the symbol, precision, thousand / decimal separators and format 
* Second param can be an object matching `settings.currency` which is the easiest way. 
* 
* To do: tidy up the parameters 
*/ 
var formatMoney = lib.formatMoney = function(number, symbol, precision, thousand, decimal, format) { 
// Resursively format arrays: 
if (isArray(number)) { 
return map(number, function(val){ 
return formatMoney(val, symbol, precision, thousand, decimal, format); 
}); 
} 
// Clean up number: 
number = unformat(number); 
// Build options object from second param (if object) or all params, extending defaults: 
var opts = defaults( 
(isObject(symbol) ? symbol : { 
symbol : symbol, 
precision : precision, 
thousand : thousand, 
decimal : decimal, 
format : format 
}), 
lib.settings.currency 
), 
// Check format (returns object with pos, neg and zero): 
formats = checkCurrencyFormat(opts.format), 
// Choose which format to use for this value: 
useFormat = number > 0 ? formats.pos : number < 0 ? formats.neg : formats.zero; 
// Return with currency symbol added: 
return useFormat.replace('%s', opts.symbol).replace('%v', formatNumber(Math.abs(number), checkPrecision(opts.precision), opts.thousand, opts.decimal)); 
}; 
/** 
* Format a list of numbers into an accounting column, padding with whitespace 
* to line up currency symbols, thousand separators and decimals places 
* 
* List should be an array of numbers 
* Second parameter can be an object containing keys that match the params 
* 
* Returns array of accouting-formatted number strings of same length 
* 
* NB: `white-space:pre` CSS rule is required on the list container to prevent 
* browsers from collapsing the whitespace in the output strings. 
*/ 
lib.formatColumn = function(list, symbol, precision, thousand, decimal, format) { 
if (!list) return []; 
// Build options object from second param (if object) or all params, extending defaults: 
var opts = defaults( 
(isObject(symbol) ? symbol : { 
symbol : symbol, 
precision : precision, 
thousand : thousand, 
decimal : decimal, 
format : format 
}), 
lib.settings.currency 
), 
// Check format (returns object with pos, neg and zero), only need pos for now: 
formats = checkCurrencyFormat(opts.format), 
// Whether to pad at start of string or after currency symbol: 
padAfterSymbol = formats.pos.indexOf("%s") < formats.pos.indexOf("%v") ? true : false, 
// Store value for the length of the longest string in the column: 
maxLength = 0, 
// Format the list according to options, store the length of the longest string: 
formatted = map(list, function(val, i) { 
if (isArray(val)) { 
// Recursively format columns if list is a multi-dimensional array: 
return lib.formatColumn(val, opts); 
} else { 
// Clean up the value 
val = unformat(val); 
// Choose which format to use for this value (pos, neg or zero): 
var useFormat = val > 0 ? formats.pos : val < 0 ? formats.neg : formats.zero, 
// Format this value, push into formatted list and save the length: 
fVal = useFormat.replace('%s', opts.symbol).replace('%v', formatNumber(Math.abs(val), checkPrecision(opts.precision), opts.thousand, opts.decimal)); 
if (fVal.length > maxLength) maxLength = fVal.length; 
return fVal; 
} 
}); 
// Pad each number in the list and send back the column of numbers: 
return map(formatted, function(val, i) { 
// Only if this is a string (not a nested array, which would have already been padded): 
if (isString(val) && val.length < maxLength) { 
// Depending on symbol position, pad after symbol or at index 0: 
return padAfterSymbol ? val.replace(opts.symbol, opts.symbol+(new Array(maxLength - val.length + 1).join(" "))) : (new Array(maxLength - val.length + 1).join(" ")) + val; 
} 
return val; 
}); 
}; 
/* --- Module Definition --- */ 
// Export accounting for CommonJS. If being loaded as an AMD module, define it as such. 
// Otherwise, just add `accounting` to the global object 
if (typeof exports !== 'undefined') { 
if (typeof module !== 'undefined' && module.exports) { 
exports = module.exports = lib; 
} 
exports.accounting = lib; 
} else if (typeof define === 'function' && define.amd) { 
// Return the library as an AMD module: 
define([], function() { 
return lib; 
}); 
} else { 
// Use accounting.noConflict to restore `accounting` back to its original value. 
// Returns a reference to the library's `accounting` object; 
// e.g. `var numbers = accounting.noConflict();` 
lib.noConflict = (function(oldAccounting) { 
return function() { 
// Reset the value of the root's `accounting` variable: 
root.accounting = oldAccounting; 
// Delete the noConflict method: 
lib.noConflict = undefined; 
// Return reference to the library to re-assign it: 
return lib; 
}; 
})(root.accounting); 
// Declare `fx` on the root (global/window) object: 
root['accounting'] = lib; 
} 
// Root will be `window` in browser or `global` on the server: 
}(this));

官方下载地址:https://raw.github.com/josscrowcroft/accounting.js/master/accounting.js
使用实例
formatMoney
formatMoney 
// Default usage: 
accounting.formatMoney(12345678); // $12,345,678.00 
// European formatting (custom symbol and separators), could also use options object as second param: 
accounting.formatMoney(4999.99, "?", 2, ".", ","); // ?4.999,99 
// Negative values are formatted nicely, too: 
accounting.formatMoney(-500000, "£ ", 0); // £ -500,000 
// Simple `format` string allows control of symbol position [%v = value, %s = symbol]: 
accounting.formatMoney(5318008, { symbol: "GBP", format: "%v %s" }); // 5,318,008.00 GBP

formatNumber
accounting.formatNumber(5318008); // 5,318,008 
accounting.formatNumber(9876543.21, 3, " "); // 9 876 543.210

unformat
accounting.unformat("£ 12,345,678.90 GBP"); // 12345678.9

官方演示实例:http://josscrowcroft.github.com/accounting.js/

三水点靠木下载地址 accounting.js

Javascript 相关文章推荐
用javascript实现给图片加链接
Aug 15 Javascript
js表格分页实现代码
Sep 18 Javascript
javascript 导出数据到Excel(处理table中的元素)
Dec 18 Javascript
js hover 定时器(实例代码)
Nov 12 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
Nov 17 Javascript
vue-froala-wysiwyg 富文本编辑器功能
Sep 19 Javascript
js实现搜索提示框效果
Sep 05 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 Javascript
vue3.0中setup使用(两种用法)
Dec 02 Vue.js
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 #Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
Aug 24 #Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 #Javascript
jquery动画1.加载指示器
Aug 24 #Javascript
基于jquery的bankInput银行卡账号格式化
Aug 22 #Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
Aug 22 #Javascript
js选取多个或单个元素的实现代码(用class)
Aug 22 #Javascript
You might like
php预定义变量使用帮助(带实例)
2013/10/30 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
PHP调用.NET的WebService 简单实例
2015/03/27 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
2014/04/10 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
2016/09/19 Javascript
基于JS实现仿百度百家主页的轮播图效果
2017/03/06 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
js正则相关知识点专题
2018/05/10 Javascript
JS简单生成由字母数字组合随机字符串示例
2018/05/25 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
2018/08/13 jQuery
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
[54:45]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 Optic vs OG
2018/04/02 DOTA
python 定时修改数据库的示例代码
2018/04/08 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
python按比例随机切分数据的实现
2019/07/11 Python
python爬虫模拟浏览器访问-User-Agent过程解析
2019/12/28 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
python为什么会环境变量设置不成功
2020/06/23 Python
Python 解析库json及jsonpath pickle的实现
2020/08/17 Python
python request 模块详细介绍
2020/11/10 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
雅诗兰黛加拿大官网:Estee Lauder加拿大
2019/07/31 全球购物
幼儿园消防演练方案
2014/02/13 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
病假条格式范文
2015/08/17 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL