前端页面获取数据，超过3位数后，数据前显示逗号

在项目中后台返回一个金额数值,如: money :123456789,页面中显示要求123,456,789

在此列举两个常用的便捷方法：

方法一：

    <div id="my-box">

    </div>
    <script>
        // 例如数据是从后台获取到的
        let num = 123456789
        function getNum(params) {
            document.querySelector("#my-box").innerHTML= Number(params).toLocaleString() 
        }
        getNum(num)
    </script>


​

方法二：

<div id="my-box">

    </div>
    <script>
        // 例如数据是从后台获取到的
        let num = 123456789
        function getNum(params) {
            return params.toString().replace(/\d+/, function (n) {
                return n.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
            })
        }
        document.querySelector("#my-box").innerHTML=getNum(num)
    </script>

亲测有效

感谢支持，希望对您有帮助！