JS判断对象是不是数组

1、通过instanceof判断

instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置，返回一个布尔值。

let a = [];
a instanceof Array; //true
let b = {};
b instanceof Array; //false

在上方代码中，instanceof运算符检测Array.prototype属性是否存在于变量a的原型链上，显然a是一个数组，拥有Array.prototype属性，所以为true。

需要注意的是，prototype属性是可以修改的，所以并不是最初判断为true就一定永远为真。

其次，当我们的脚本拥有多个全局环境，例如html中拥有多个iframe对象，instanceof的验证结果可能不会符合预期，例如：

//为body创建并添加一个iframe对象
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
//取得iframe对象的构造数组方法
xArray = window.frames[0].Array;
//通过构造函数获取一个实例
var arr = new xArray(1,2,3);
arr instanceof Array;//false

导致这种问题是因为iframe会产生新的全局环境，它也会拥有自己的Array.prototype属性，让不同环境下的属性相同很明显是不安全的做法，所以Array.prototype !== window.frames[0].Array.prototype，想要arr instanceof Array为true，你得保证arr是由原始Array构造函数创建时才可行。

2、通过constructor判断
我们知道，实例的构造函数属性constructor指向构造函数，那么通过constructor属性也可以判断是否为一个数组。

let a = [1,3,4];
a.constructor === Array;//true

同样，这种判断也会存在多个全局环境的问题，导致的问题与instanceof相同。

3、通过Object.prototype.toString.call()判断
Object.prototype.toString().call()可以获取到对象的不同类型，多个全局环境也适用

// 检验是否是数组let a = [1,2,3]Object.prototype.toString.call(a) === '[object Array]';//true//检验是否是函数let b = function () {};Object.prototype.toString.call(b) === '[object Function]';//true//检验是否是数字let c = 1;Object.prototype.toString.call(c) === '[object Number]';//true

4、通过Array.isArray()判断
简单好用，而且对于多全局环境，Array.isArray() 同样能准确判断，但有个问题，Array.isArray() 是在ES5中提出，也就是说在ES5之前可能会存在不支持此方法的情况。

let a = [1,2,3]
Array.isArray(a);//true

最终推荐方法

if (!Array.isArray) {Array.isArray = function(arg) {return Object.prototype.toString.call(arg) === '[object Array]';};
}

JS判断对象是不是数组相关推荐

JS判断对象是不是数组“Array”
2019独角兽企业重金招聘Python工程师标准>>> 在开发中,我们经常需要判断某个对象是否为数组类型,在Js中检测对象类型的常见方法都有哪些呢? typeof 操作符对于Fun ...
js判断对象还是数组
1.对于Javascript 1.8.5(ECMAScript 5),变量名字.isArray( )可以实现这个目的 var a=[]; var b={}; Array.isArray(a);//tr ...
js判断对象是否是数组的几种方式
js判断对象是否是数组的几种方式 1.通过instanceof判断 instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置,返回一个布尔值. let a ...
JS判断对象是否为空(个人常用)
JS判断对象是否为空 1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var isNull = (JSON.stringify( ...
js判断对象是否为空
文章目录一.js判断对象是否为空(三种方法) 二.注: 1. JSON.stringify() 语法参数说明: 2. Object.keys() 语法参数返回值例子 3. for..in 语 ...
JS判断对象是否为空的方法大全
JS判断对象是否为空的方法大全 1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify( ...
js判断对象数组中是否存在某个对象
1. 如果要判断数组中是否存在某个元素的话很好判断,直接用数组的indexOf方法就好,存在返回当前索引不存在返回-1 var arr=[1,2,3,4] arr.indexOf(3) // 2 ar ...
JS判断变量是数组还是对象
对数组和对象使用typeof,得出的结果都是"object" 使用以下五种方法区分是数组[]还是对象objec 方法一: 使用instanceof进行判断,A instanceof ...
一道Js判断对象是否相等面试题引发的故事
话说,说什么呢,先看下题吧还是. ` function checkName(data) { if (data === { name: 'LIMING' }) { console.log("o ...

JS判断对象是不是数组

JS判断对象是不是数组相关推荐

最新文章

热门文章