JavaScript中值为数字的示例分析

这篇文章主要介绍了JavaScript中值为数字的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

值为数字

您是否曾经注意到，即使输入框的类型为数字，event.target.value仍始终返回字符串类型的值？

请参见下面的示例。我们有一个简单的数字类型的文本框。这意味着它仅接受数字作为输入，它具有事件处理程序来处理按键事件。

<input type='number' onkeyup="trackChange(event)" />

在事件处理程序中，我们使用event.target.value取出值，但是它返回一个字符串类型值。现在，我将不得不将其解析为整数。如果输入框接受浮点数（例如 16.56）怎么办？使用 parseFloat() 然后呢？啊，我不得不面对各种各样的困惑和额外的工作！

function trackChange(event) {   let value = event.target.value;   console.log(`is ${value} a number?`, Number.isInteger(value));
}

请改用event.target.valueAsNumber，它以数字形式返回值。

let valueAsNumber = event.target.valueAsNumber;console.log(`is ${value} a number?`, Number.isInteger(valueAsNumber));

感谢你能够认真阅读完这篇文章，希望小编分享的“JavaScript中值为数字的示例分析”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!