如何用jQuery或JavaScript将货币字符串转换为浮点数

如果你在你的Web应用程序中处理货币价值，重要的是将它们从字符串表示转换为实际的数字值。在这篇文章中，我们将讨论如何使用jQuery和JavaScript来做到这一点。我们将看一下将字符串转换为双数的不同方法。

有两种流行的方法将货币字符串转换成浮动字符串 内置的库。让我们看看下面的文章，了解更多关于如何用*jQuery或JavaScript将货币字符串转换为双数。

这是一种直接的方式，我们使用循环来逐一匹配每个字符，如果任何字符被证明是整数或数字类型。

我们使用substring() 方法，从原始字符串中提取子串。
我们将使用parseFloat()。移除*子串后，变成一个浮动的双倍值。
通过使用charCodeAt() 函数来获取所请求的字符的Unicode值，我们可以确定该字符是否属于数字类型。

substring()方法 从起始索引到结束索引。索引从零开始。以下是string.substring()的语法。

string.substring(Startindex, Endindex)

parseFloat()方法 是用来取一个文本并将其变成*浮点值。如果字符串是空的，或者它的第一个字符不是一个数值，该函数返回NaN，或者不是一个数字。直到它遇到一个不是数字的字符时，它实际上返回一个解析过的浮点数。以下是parseFloat()的语法。

parseFloat(value)

charCodeAt()方法 以下是str.charCode()函数*返回指定索引处的数据。

str.charCodeAt(index)

示例

在下面的例子中，我们正在运行脚本，将货币字符串转换为双数。

<!DOCTYPE html>
<html>
<body>
   <h1>Converting Currency String To Double</h1>
   <script>
      function convert(currency){
         var k, temp;
         for(var i = 0; i < currency.length; i++){
            k = currency.charCodeAt(i);
            if(k > 47 && k < 58){
               temp = currency.substring(i);
               break;
            }
         }
         temp = temp.replace(/, /, '');
         return parseFloat(temp);
      }
      var string_currency = "$2245.45";
      document.write("Currency value: " + string_currency +"</br>");
      var doubleValue = convert(string_currency);
      document.write("Double value: " +doubleValue + "</br>");
   </script>
</body>
</html>

当脚本被执行时，它将产生一个由货币字符串组成的输出。到一个显示在网页上的双倍数值。

replace()方法

替换()* 方法，这种方法更有效。

语法

以下是replace()的语法

str.replace(A, B)

JavaScript函数string.replace()。将不会改变。

示例

考虑到下面的例子，我们使用replace()的时候到两倍。

<!DOCTYPE html>
<html>
<body>
   <h1>Converting Currency String To Double</h1>
   <script>
      function convert(currency){
         var temp = currency.replace(/[^0-9.-]+/g,"");
         return parseFloat(temp);
      }
      var string_currency = "$800,868.51";
      document.write("Currency value: " + string_currency +"</br>");
      var doubleValue = convert(string_currency);
      document.write("Converted to double: " + doubleValue +"</br>");
   </script>
</body>
</html>