typescript中的数字比较

Question

我的问题可能很傻，实际上我有一个解决这个问题的方法。但我仍然对它为什么会发生感兴趣。我的打字脚本文件中有两个数字。这是他们的定义。

mAlarmValue:number;
levelValue:number;

在我的超文本标记语言输入框中，我也设置了属性type="number"，我填充了一个数字为mAramValue。之后，我对这两个数字进行了比较。这是我所做的。

console.log('Value =',this.mAlarmValue);
console.log("levelValue=",this.levelValue);
if (this.mAlarmValue <= this.levelValue) {
  console.log("true");
}

这是实际的控制台输出。

Value = 10
levelValue= 5
true

10通常大于5，但结果显示并非如此。我的解决方法是将数字转换为字符串，然后将其转换回数字。

console.log('Value =',this.mAlarmValue);
console.log("levelValue=",this.levelValue);
if (parseFloat(this.mAlarmValue.toString()) <= this.levelValue) {
  console.log("true");
} else {
  console.log(false)
}

现在它显示了正确的结果。

Value = 10
levelValue= 5
false

有人知道这里发生了什么吗？谢谢你的时间。

Answer 1

我的解决方法是将数字转换为字符串，然后再将其转换回数字。

您可以在最新的es6中执行以下操作

• 将字符串转换为数字=

然后，您可以为您的案例执行以下操作

    if (+mAlarmValue >= +levelValue) {
         console.log(true);
    } else {
         console.log(false);
    }

有关转换Typescript中类型的更多信息，请检查此处

将字符串转换为数字的TypeScript

Answer 2

HTMLInputElement的value属性的类型始终为字符串，即使您设置了type=“number”。我猜你的代码中有这样的东西：

this.mAlarmValue = $('#Alarm').val() as number;

虽然这将进行编译，但由于值实际上是字符串，因此在运行时会得到错误的结果（例如，“10”

this.mAlarmValue = parseFloat($('#Alarm').val() as string);

或者，如果您正在使用Vue。js，确保使用v-model。number=“mAlarmValue”将字符串值正确转换为数字。