开发者社区开发与运维文章正文

js函数封装 —— 金额添加千分位分隔符

2024-07-02 28

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： js函数封装 —— 金额添加千分位分隔符

最终效果

this.num = formatNumber_thousands(1231131313);

得到

1,231,131,313

函数封装

// 数字格式化——千分位分隔符
function formatNumber_thousands(num) {
  if (isNaN(num)) {
    throw new TypeError("参数不是一个数字");
  }

  return ("" + num).replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,");
}

文章标签：

JavaScript

关键词：

JavaScript函数

JavaScript封装

JavaScript函数封装

JavaScript金额分隔符

JavaScript金额千分位

朝阳39

尹正杰

18天前

JavaScript 前端开发

JavaScript基础知识-函数的返回值

关于JavaScript函数返回值的基础知识。

尹正杰

21 9 9

游客zi3qmblbcdexu

3天前

JSON JavaScript 前端开发

JavaScript第五天（函数，this，严格模式，高阶函数，闭包，递归，正则，ES6）高级

游客zi3qmblbcdexu

25 12 12

尹正杰

18天前

JavaScript 前端开发

JavaScript基础知识-函数的参数

关于JavaScript函数参数基础知识的介绍。

尹正杰

17 4 4

尹正杰

18天前

JavaScript 前端开发

JavaScript基础知识-立即执行函数

关于JavaScript基础知识中立即执行函数的介绍。

尹正杰

16 2 2

德国都芳最好

10天前

设计模式 JavaScript

JS发布订阅模式封装(纯手工)

发布订阅模式是JS常用的设计模式，在面试中也会经常遇到，以下是我的手写实现方式，经测试效果不错，小伙伴们们可以直接拷贝使用。

德国都芳最好

29 10 10

cqtianxin1

16天前

JavaScript 前端开发

JavaScript 函数

cqtianxin1

22 9 9

Star时光

17天前

JavaScript 前端开发

前端JS函数

【9月更文挑战第4天】前端JS函数

Star时光

21 6 6

小周sir

14天前

存储 JavaScript 前端开发

JS中的数组有哪些常用操作函数和属性

【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性

小周sir

9 1 1

wljslmz

21天前

自然语言处理 JavaScript 前端开发

函数闭包：理解JavaScript中的闭包及其应用

【8月更文挑战第31天】

wljslmz

8 0 0

theMuseCatcher

23天前

JavaScript

js金额数字格式化

本文介绍了两种实现数字格式化的方法：字符串操作与正则表达式。首先，通过递归地在每三位数字间插入逗号来格式化整数。接着，扩展该功能以支持自定义小数位数及分隔符，适用于更广泛的场景。最后，展示了如何利用正则表达式简化上述过程，实现相同的功能。

theMuseCatcher

27 0 0

js函数封装 —— 金额添加千分位分隔符

最终效果

函数封装

热门文章

最新文章

相关课程

相关电子书

相关实验场景