javascript - 将字符串转换为整数并获取两个数字的百分比

Question

我想做的是制作一个捐赠进度条。我的html结构是:

<div class="hgoal" style="text-align: center;">My goal is to raise $<span id="mygoal">9,999.00</span></div>
<div class="donation-total">Total Donation<span id="total-donation">1,000.00</span></div>

到目前为止，我的 JavaScript 是获取 mygoal 和total-donation 的innerHTML 值。

var mygoal = document.getElementById("mygoal").innerHTML;
var totalgoal = document.getElementById("total-donation").innerHTML; 

我得到的结果是:

mygoal = "9,999.00";
total-donation = "1,000.00";

我相信这是一个字符串而不是整数，并且使用 parseInt() 只给我第一个数字。

任何人都可以告诉我如何将其转换为可用于计算的整数吗？示例:

mygoal + total-donation = 10,999.00

而且，知道如何获得这两个变量的百分比吗？

Answer 1

使用 .replace(/,/g,'') 替换逗号，然后您将获得类型强制的魔力，在计算过程中将字符串转换为数字...

var mygoal = document.getElementById("mygoal").innerHTML.replace(/,/g,'');
var totalgoal = document.getElementById("total-donation").innerHTML.replace(/,/g,'');

如果您在字符串上使用+，它们将相互附加，但其他数学运算符(*/- 等...)将首先强制字符串转化为数字。要强制强制转换，您可以乘以 1，或者使用 Number("123123.123")...

Number(mygoal) + Number(totalgoal); // using addition, so coerce strings to numbers
(mygoal / total_donation) * 100; // does not need coercion