javascript - jquery if else比较查询问题

Question

我有下面的 jquery if\else 比较来根据结果评估部分代码，

if($('#order_quantity').val() < $('#available_quantity').val()) {
   // ---code to run----
} else {
   // --- code to show error---
}

这段代码对输入正确工作了 3-4 次，之后就出错了，

当 $('#order_quantity').val() = 5 和 $('#available_quantity').val() = 46 时，理想情况下 --要运行的代码-- 应该执行但它正在运行 --显示错误的代码-- else 语句。

有时正确有时不正确，我为上面的输入值创建了console.log，输入是正确的但仍然比较结果抛出错误的结果

这个比较有什么问题？

Answer 1

从 DOM 中读取的值是字符串。您需要将其转换为数字才能在算术运算中使用它，除非运算符将操作数强制转换为数字。

if(+$('#order_quantity').val() < +$('#available_quantity').val())

您可以使用以下方法将字符串转换为数字

1. 在字符串前面加上一元 +运算符，这会将字符串强制转换为数字。
2. 通过使用 Number功能
3. 使用 parseFloat
4. 使用 parseInt ，但这会将浮点值转换为整数。

---

this code work 3-4 times correctly for inputs and after that it working wrong

代码适用于某些值，因为字符串是如何比较的。

> "5" < "46" // false

字符串是逐字符比较的，就像排序一样。在此代码中，比较完成为 '5' < '4' , 在比较字符串时比较它们的 ASCII 值。作为 5 的 ASCII 值大于4比较返回 false .