Framer中数字的逗号分隔

Question

我有一个带数字的动态文本图层

dollarAmountValue = 9000
dollarAmount = new Layer
dollarAmount.html = "$" + dollarAmountValue

我还有一个+和 - 按钮，可以将dollarAmountValue增加100

dollarPlus.onClick ->
    dollarAmountValue = dollarAmountValue + 100

dollarMinus.onClick ->
    dollarAmountValue = dollarAmountValue - 100

所以美元金额显示为9000美元，一切都很好。我要做的是将它显示为9,000美元，并按下+/-增量按钮时将逗号分隔为1000。任何帮助将不胜感激。谢谢！

Answer 1

这里有点简短：

convertToDollar = (value) -> 
    value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');

然后您可以像这样使用它：

convertToDollar(9000)
# Result: 9,000.00
convertToDollar(9100)
# Result: 9,100.00

Framer.js使用Coffeescript，它编译成Javascript，因此查看一些Javascript答案可能会有所帮助。以上代码基于：

https://stackoverflow.com/a/14428340/747339