數字轉換為十進制格式，並附加四個十進制

Question

使用Angularjs 1.xx

var transformedInput = text.replace(/[^0-9.]/g, '')
     .replace(/\B(?=(\d{3})+(?!\d))/g, ",");  

if(transformedInput!="")
     transformedInput="$"+transformedInput;

輸入= 123456789，輸出= $ 123,456,789

但是我需要以下輸出：

輸入= 20.56，輸出= $ 20.5600

輸入= 20，輸出= $ 20.0000

輸入= 20.567，輸出= $ 20.5670

Answer 1

不使用過濾器。

使用parseFloat將字符串轉換為float，然后使用toFixed（4）

 var text = "20"; var transformedInput = text.replace(/[^0-9.]/g, '') .replace(/\\B(?=(\\d{3})+(?!\\d))/g, ","); if(transformedInput!="") transformedInput="$"+parseFloat(transformedInput).toFixed(4); console.log(transformedInput); 

Answer 2

使用角度貨幣過濾器

        <span data-ng-bind="'123456789'| currency : '$' : 4 "></span>

Answer 3

希望此實現對您有用。

 var msg = document.getElementById('myInputBox'), btn = document.getElementById('formatButton'); btn.addEventListener('click', getFormattedData); function checkNumeric(str) { return str.replace(/\\,|\\$/g, ''); } Number.prototype.format = function() { return this.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, "$1,"); }; function getFormattedData() { var num = checkNumeric(msg.value), val = (Number(num).toFixed(4)).toString().split('.'), decimal = ''; if (num.indexOf('.') > -1) { decimal = '.' + val[1]; } msg.value = '$' + Number(val[0]).format() + decimal; } 

 <input type="text" id='myInputBox' value="" /> <input type="button" id="formatButton" value='Get Output'> 

Answer 4

您已經有了內置的Number#toLocaleString ，它正是為此目的而設計的：

 var nbs = [20.56, 20, 20.567]; var $s = nbs.map(n => n.toLocaleString('en-US', { style: 'currency', // that's money currency: 'USD', // that's $ // the difficult (?) part // we need to get the length of digits before "." minimumSignificantDigits: ((~~n) + '').length + 4 }) ); console.log($s);