javascript - jQuery 条件小数大于比较

Question

我有一个奇怪的问题，我不确定如何解决，但就是这样。

我有一个 AJAX 查询的返回值，这是返回两个部分的方式(以及它们在预览面板中的外观):

id:1
paid: "158.40"
balance: "79.20"

所以最初我只是尝试了以下(在注意到一个问题之后):

if(item.balance > item.paid){
   var test = "balance greater than paid";
}else{
   var test = "balance is not";
}

但在上面的例子中，它返回第一个 test 意味着在某处，它认为 79.20 大于 158.40，这显然不是我想要的。

所以我尝试了这个:

var paid = parseFloat(item.paid).toFixed(2);
var balance = parseFloat(item.balance).toFixed(2);

只需将上述条件语句的第一行更改为if(balance > paid)，它仍然做了同样的事情...

所以我很茫然，如果有人能提供帮助 - 我将不胜感激。

Answer 1

在比较这些值时不要使用 toFixed，因为它只会给您另一个字符串，它无法按照您尝试比较的方式进行数字比较。只需比较 parseFloat 的输出即可。

var paid = "158.40";
var balance = "79.20";

$(".string").text(paid > balance);

paid = parseFloat("158.40");
balance = parseFloat("79.20");

$(".float").text(paid > balance);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

  String compare:
  <span class="string">

</span>
</div>

<div>
  Float compare:
  <span class="float">

</span>
</div>