使用JavaScript判断变量类型的方法详解

你知道吗，在 JavaScript 中，变量的类型是动态的，这意味着同一个变量可以存储不同类型的值。这种动态类型的特性既是优势，也可能带来一些意想不到的问题。

这几天我在做项目时，遇到了一个从方法返回的值问题。这个值由数字和字母组成，有三种情况：数字加字母、纯数字和空串。目标是过滤掉了空串，结果发现方法返回的值真是让人抓狂。纯数字时返回的居然不是字符串，而是数值。这导致我在直接调用字符串方法时报错了。

为了避免这种问题，我需要先判断一下返回值的类型。那么，你知道哪些判断变量类型的方法呢？

常用的类型判断方法

1. typeof 操作符：简洁快速，适合基本类型

typeof 操作符是我们判断基本类型的得力助手，例如字符串、数字、布尔值、undefined、函数、Symbol 以及 BigInt。

let num = 123;
console.log(typeof num); // 输出: 'number'

let str = "hello";
console.log(typeof str); // 输出: 'string'

let bool = true;
console.log(typeof bool); // 输出: 'boolean'

需要注意的是：

• typeof null 会返回 'object'，而不是 'null'，这是 JavaScript 的一个历史遗留问题。
• 对于数组和对象，typeof 操作符都会返回 'object'，无法区分。

2. instanceof 关键字：精准判断对象类型

• 用于判断一个对象是否属于某个构造函数的实例。
• 对于数组、日期等内置对象类型判断非常有用。

let arr = [];
console.log(arr instanceof Array); // 输出: true

let date = new Date();
console.log(date instanceof Date); // 输出: true

3. Array.isArray() 方法：简洁高效，专用于数组

Array.isArray() 方法是专门用来判断一个变量是否为数组类型的，比 instanceof 更简洁明了。

let arr = [];
console.log(Array.isArray(arr)); // 输出: true

4. Object.prototype.toString.call() 方法：全面精确，适合所有类型

Object.prototype.toString.call() 方法是最全面的类型判断方法，可以精确判断出包括 null 在内的所有类型的变量。它返回一个形如 '[object Type]' 的字符串，其中 Type 表示变量的类型。

let num = 123;
console.log(Object.prototype.toString.call(num)); // 输出: '[object Number]'

let arr = [];
console.log(Object.prototype.toString.call(arr)); // 输出: '[object Array]'

let nul = null;
console.log(Object.prototype.toString.call(nul)); // 输出: '[object Null]'

如何选择合适的类型判断方法？

• 对于基本类型判断，建议使用 typeof 操作符，简洁高效。
• 对于数组类型判断，Array.isArray() 方法最为准确。
• 对于对象类型判断，可以使用 instanceof 关键字。
• 对于需要精确区分所有类型的场景，Object.prototype.toString.call() 方法是最佳选择。

到此这篇关于使用JavaScript判断变量类型的方法详解的文章就介绍到这了,更多相关JavaScript判断变量类型内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！