JavaScript中Object.prototype.toString.call()、instanceOf和Array.isArray()的区别

Object.prototype.toString.call()、instanceOf和Array.isArray()都可以用来判断一个值的类型,但是他们有一些区别。

Object.prototype.toString.call() 该方法返回一个表示对象类型的字符串。可以使用这个方法来判断一个值的类型。示例代码如下:

javascript 复制代码
// 判断变量类型
var myVar = null;
console.log(Object.prototype.toString.call(myVar)); // [object Null]
 
var myVar = {};
console.log(Object.prototype.toString.call(myVar)); // [object Object]
 
var myVar = [];
console.log(Object.prototype.toString.call(myVar)); // [object Array]

instanceof instanceof是用来检查一个对象是否是一个指定类型的实例,其返回值为一个布尔值示例代码如下:

javascript 复制代码
var myVar = new Array();
console.log(myVar instanceof Array); // true
 
var myVar = new String();
console.log(myVar instanceof String); // true
 
var myVar = new Object();
console.log(myVar instanceof Object); // true

需要注意的是,instanceof不能用来判断基本数据类型的值。

javascript 复制代码
var myVar = 'hello';
console.log(myVar instanceof String); // false

Array.isArray() 该方法用来判断一个值是否为数组类型,其返回值为一个布尔值。示例代码如下:

javascript 复制代码
var myVar = [];
console.log(Array.isArray(myVar)); // true
 
var myVar = new Array();
console.log(Array.isArray(myVar)); // true
 
var myVar = {};
console.log(Array.isArray(myVar)); // false
相关推荐
EnigmaCoder2 分钟前
Java多线程:核心技术与实战指南
java·开发语言
江城开朗的豌豆1 小时前
Vuex数据突然消失?六招教你轻松找回来!
前端·javascript·vue.js
好奇心笔记1 小时前
ai写代码随机拉大的,所以我准备给AI出一个设计规范
前端·javascript
江城开朗的豌豆1 小时前
Vue状态管理进阶:数据到底是怎么"跑"的?
前端·javascript·vue.js
我想说一句1 小时前
React待办事项开发记:Hook魔法与组件间的悄悄话
前端·javascript·前端框架
真夜1 小时前
CommonJS与ESM
前端·javascript
G等你下课1 小时前
从点击到执行:如何优雅地控制高频事件触发频率
前端·javascript·面试
Jackson_Mseven1 小时前
面试官:说说 startTransition 和 useDeferredValue?我:我用它一行代码救了首页!
前端·javascript·面试
架构个驾驾1 小时前
从0到1搭建Vue3+Vant移动端项目(一)
前端·javascript·vue.js
然我1 小时前
React 中 useEffect 到底怎么用才不会踩坑?全流程详解 + 实例讲透副作用
前端·javascript·react.js