javascript - 将 Json 响应转换为逗号分隔(千) - Angular 5 - ES6

标签 javascript angular ecmascript-6

是否有任何优雅的方式将 json 响应转换为逗号分隔的数字(用于显示货币目的)。

这是我到目前为止所拥有的:

let data = {      
   "business":{        
      "trasactionTableData":[  
         {  
            "Date":"2019-08-19T00:00:00",
            "Item Details":"Plastic - Grade A",
            "slotShare":"30",
            "assetBeforeonMarket":"24.000000",
            "profitAfterSales":"0.000000",
            "actualProfit":"22",
            "actualAmount":"USD 10.00"
         },
         {  
            "Date":"2019-08-19T00:00:00",
            "Item Details":"Cashless for Cash",
            "slotShare":"32",
            "assetBeforeonMarket":"60.000000",
            "profitAfterSales":"60.000000",
            "actualProfit":"0",
            "actualAmount":"USD 7400.10"
         },
         {  
            "Date":"2019-08-19T00:00:00",
            "Item Details":"Cashless for Cash",
            "slotShare":"33",
            "assetBeforeonMarket":"81.000000",
            "profitAfterSales":"81.000000",
            "actualProfit":"0",
            "actualAmount":"USD 200.59"
         }
      ],      
   }
}


 for (let i = 0; i < data.trasactionTableData.length; i++) {
        let slotShare = this.eosTblData[i].slotShare;
        let actualAmount = this.eosTblData[i].actualAmount;
        /*
    // need to convert below as well
    let assetBeforeonMarket = this.eosTblData[i].assetBeforeonMarket;
        let profitAfterSales = this.eosTblData[i].profitAfterSales;*/

        console.log('before convert', slotShare, 'After convert', String(slotShare).replace(/(.)(?=(\d{3})+$)/g,'$1,'));
    }

但我得到的是转换前 24.000000 转换后 24.,000,000

此示例的预期结果:

566,556,00

如何以优雅的方式实现此转换?

最佳答案

是的,有。如果您只想显示格式化的货币,而不更改其值,您可以使用 CurrencyPipe ,像这样:

    <p>{{ value | currency:'USD' }}</p>

关于javascript - 将 Json 响应转换为逗号分隔(千) - Angular 5 - ES6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58060711/

相关文章:

javascript - 类型错误: module.PosModel 未定义

ruby-on-rails - 如何获取 Angular 2 响应 header

reactjs - 如何传递使用 Enzyme.js 渲染的组件的 props?

javascript - 如何配置 WebStorm 以正确格式化生成器函数?

javascript - 将字符串树转换为数组

javascript - 在类变量 JavaScript 上设置 getter/setter

javascript - 下划线上的 max 函数实现

javascript - 如何控制复选框 "checked"值与未知数量的复选框

javascript - 添加 Font Awesome 图标

javascript - Angular 2 : Unhandled Promise rejection: No provider for AuthService! ;区域: Angular