作者：Marcus Sanatan

翻译：疯狂的技术宅

原文：https://stackabuse.com/javasc...

未经容许严禁转载

介绍

JavaScript 是一种动静类型的语言，这意味着解释器是在运行时确定变量类型的。这容许咱们能够用同一变量中存储不同类型的数据。然而如果没有文档和放弃一致性，在应用代码时，咱们很有可能并不知道变量到底是哪种类型。

当咱们打算对数字进行操作时，如果对字符串或数组进行操作会带来奇怪的后果。在本文中，咱们将钻研能够帮咱们确定所用的变量是否为数字的各种函数。

字符串模式的数字例如 "100" 不应该被解决，同时在 JavaScript中 NaN，Infinity 和 -Infinity 之类的非凡值也都是数字，不过咱们将疏忽这些值。

依据这些要求，最好应用 Number 对象内置 isFinite() 函数。然而有时候咱们也会应用其余函数，例如 Number.isNaN() 和 typeof() 等。

首先创立一些测试变量：

let intVar = 2;let floatVar = 10.5;let stringVar = '4';let nanVar = NaN;let infinityVar = Infinity;let nullVar = null;let undefinedVar = undefined;

应用 Number.isFinite() 函数

Number.isFinite() 用来函数查看变量是否为数字，但也用来查看其是否为某些非凡值。它在遇到 NaN, Infinity 或者 -Infinity 时会返回 false。

接下来在下面定义的变量上进行测试：

> Number.isFinite(intVar);true> Number.isFinite(floatVar);true> Number.isFinite(stringVar);false> Number.isFinite(nanVar);false> Number.isFinite(infinityVar);false> Number.isFinite(nullVar);false> Number.isFinite(undefined);false

后果令人满意。非凡的数字值以及所有非数字类型的变量都将会被疏忽。如果想要查看某个变量是否为数字， Number.isFinite() 函数是最好的抉择。

应用 Number.isNaN() 函数

规范的 Number 对象具备 isNaN() 办法。用来判断传入的参数值是否为 NaN。因为咱们要查看变量是否为数字，所以须要在查看中要应用非运算符 !。

当初看看通过非运算符加 Number.isNaN() 函数是否只过滤数字：

> !Number.isNaN(intVar);true> !Number.isNaN(floatVar);true> !Number.isNaN(stringVar);true # 判断谬误> !Number.isNaN(nanVar);false> !Number.isNaN(infinityVar);true # 判断谬误> !Number.isNaN(nullVar);true # 判断谬误> !Number.isNaN(undefinedVar);true # 判断谬误

这种办法相当宽松，因为它承受的值基本不是数字。这种办法最适宜在你晓得本人的值是数字并且要查看它是否为 NaN 值的状况下，并不适宜惯例数字的。

应用 typeof() 函数

typeof() 函数是一个全局函数，它的参数能够承受变量或值，并返回其类型的字符串示意模式。 JavaScript 共有 9 种类型：

  • undefined
  • boolean
  • number
  • string
  • bigint
  • symbol
  • object
  • null (typeof() 显示为对象)
  • function (对象的一种非凡类型)

为了验证变量是否为数字，咱们只须要查看 typeof() 返回的值是否为 "number"。让咱们尝试一下测试变量：

> typeof(intVar) == 'number';true> typeof(floatVar) == 'number';true> typeof(stringVar) == 'number';false> typeof(nanVar) == 'number';true # 判断谬误> typeof(infinityVar) == 'number';true # 判断谬误> typeof(nullVar) == 'number';false> typeof(undefined) == 'number';false

typeof() 函数比 Number.isNaN() 好得多。它能够正确的判断 null 和 undefined 不是数字。但如果是 NaN 和 Infinity，它会返回 true。

只管从技术角度上来说这是正确的，但 NaN 和 Infinity 是非凡的数字值，咱们在大多数状况下都会疏忽它们。

总结

本文钻研了如何查看 JavaScript 中的变量是否为数字。

  • 只有在咱们晓得本人的变量是一个数字，并且须要验证它是否为 NaN 时，Number.isNaN() 函数才实用。
  • 如果你的代码须要解决 NaN，Infinity 或 -Infinity 及其他数字时，则 typeof() 函数是实用的。
  • Number.isFinite() 办法可能解决非凡数字，并且最适宜咱们的要求。

本文首发微信公众号：前端先锋

欢送扫描二维码关注公众号，每天都给你推送陈腐的前端技术文章

欢送持续浏览本专栏其它高赞文章：

  • 深刻了解Shadow DOM v1
  • 一步步教你用 WebVR 实现虚拟现实游戏
  • 13个帮你进步开发效率的古代CSS框架
  • 疾速上手BootstrapVue
  • JavaScript引擎是如何工作的？从调用栈到Promise你须要晓得的所有
  • WebSocket实战：在 Node 和 React 之间进行实时通信
  • 对于 Git 的 20 个面试题
  • 深刻解析 Node.js 的 console.log
  • Node.js 到底是什么？
  • 30分钟用Node.js构建一个API服务器
  • Javascript的对象拷贝
  • 程序员30岁前月薪达不到30K，该何去何从
  • 14个最好的 JavaScript 数据可视化库
  • 8 个给前端的顶级 VS Code 扩大插件
  • Node.js 多线程齐全指南
  • 把HTML转成PDF的4个计划及实现
  • 更多文章...