首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript判断数据类型

JavaScript中判断数据类型的方法总结

2023-07-19 16:42:41 作者：前端学习笔记_zxh

这篇文章主要为大家详细介绍了一些JavaScript中判断数据类型的方法，文中的示例代码讲解详细，具有一定的学习价值，需要的小伙伴可以了解一下

JavaScript 的数据类型

string：字符串
number：数字
boolean：布尔值
undefined：未定义
null：空值
object：对象（包括数组和函数）
symbol：符号，独一无二的值（ES6新增）

一、typeof的缺陷

typeof 可以判断 string、number、boolean、undefined、symbol、function 等类型，不可以判断 null、object 类型。

var str = "Hello";
var num = 123;
var bool = true;
var undf;
var nl = null;
var obj = {name: "John", age: 25};
var arr = [1, 2, 3];
var func = function() {};
var sym = Symbol("mySymbol");
console.log(typeof str);    // 输出：string
console.log(typeof num);    // 输出：number
console.log(typeof bool);   // 输出：boolean
console.log(typeof undf);   // 输出：undefined
console.log(typeof nl);     // 输出：object
console.log(typeof obj);    // 输出：object
console.log(typeof arr);    // 输出：object
console.log(typeof func);   // 输出：function
console.log(typeof sym);    // 输出：symbol

注意：typeof 无法区分 null、Object、Array。typeof 判断这三种类型返回都是 'object'。

二、判断是否为数组

方法1

使用 instanceof 可以判断数据是否为数组。

[] instanceof Array // true

需要注意的是， instanceof 不可以用来判断是否为对象类型，因为数组也是对象。

[] instanceof Object // true
{} instanceof Object // true

方法2

constructor 也可以判断是否为数组。

[].constructor === Array // true

方法3

Object.prototype.toString.call() 可以获取到对象的各种类型。

Object.prototype.toString.call([]) === '[object Array]' // true
Object.prototype.toString.call({}) === '[object Object]' // true

此方法还可以用来判断是否为 promise 对象。

let obj = new Promise()
Object.prototype.toString.call(obj) === '[object Promise]' // true

方法4

使用数组的 isArray() 方法判断。

Array.isArray([]) // true

方法5

Object.getPrototypeOf(val) === Array.prototype // true

三、判断是否为对象

方法1（推荐）