脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript判断数据类型

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

 更新时间：2023年07月19日 16:42:40   作者：前端学习笔记_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（推荐）

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

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

方法2

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

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

您可能感兴趣的文章:

相关文章

最新评论