封装前端展示金额的时候如何给金额每三位数设置一个逗号。

徐飞不会喝酒

已于 2023-02-15 15:46:57 修改

阅读量675

点赞数

分类专栏： Vue 微信小程序文章标签： javascript Powered by 金山文档

于 2023-01-13 13:49:46 首次发布

本文链接：https://blog.csdn.net/weixin_61243175/article/details/128673171

版权

微信小程序同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

Vue

8 篇文章 0 订阅

订阅专栏

该代码实现了一个名为`formatMoney`的函数，用于格式化数字以展示金额。它可以根据传入的参数（0或1）返回整数或小数部分。当type为0时，函数将数字转换为带有逗号分隔的整数形式；当type为1时，返回保留两位小数的小数部分。

摘要由CSDN通过智能技术生成

formaterMoney(data, type) {//金额格式化获取
                //返回整数部分
                if (type == 0) {
                    if (!data) return '0'
                    // 将数据分割，保留两位小数
                    data = data.toFixed(2)
                    // 获取整数部分
                    let intPart = Math.trunc(data)
                    //给整数每隔3位加,逗号
                    intPart = (intPart || 0).toString();
                    let result = '';
                    while (intPart.length > 3) {
                        result = ',' + intPart.slice(-3) + result;
                        intPart = intPart.slice(0, intPart.length - 3);
                    }
                    if (intPart) { result = intPart + result; }
                    return result
                }
                //返回小数部分
                if (type == 1) {
                    if (!data) return '.00'
                    // 预定义小数部分
                    let decimal = '.00'
                    // 将数据分割，保留两位小数
                    data = data.toFixed(2)
                    const newArr = data.toString().split('.')
                    if (newArr.length === 2) { // 有小数部分
                        decimal = '.' + newArr[1].toString() // 取得小数部分
                    }
                    return decimal
                }
            },

如上，可以直接用。