时间:2021-05-25
这篇文章主要介绍了基于JS判断对象是否是数组,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1、通过instanceof判断
instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置,返回一个布尔值。
let a = [];a instanceof Array; //truelet 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]';//true4、通过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]'; };}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
JS中复合数组associativearray和对象是等同的,判断一个key是否存在于数组中(或对象是否包含某个属性),不能使用ary[key]==unde
本文实例讲述了JS判断两个数组或对象是否相同的方法。分享给大家供大家参考,具体如下:JS判断两个数组是否相同要判断2个数组是否相同,首先要把数组进行排序,然后转
在实际测试中php读取json数组时使用简单的if或者array_key_exists去判断对象是否存在是会报错的,以下是google搜寻的正确判断方法实际上出
我们在写js代码时有时需要判断某个对象是不是DOM对象,然后再进行后续的操作,这里我给出一种兼容各大浏览器,同时又算是比较稳妥的一种方法。要判断一个对象是否DO
一般要用到递归,就要判断对象是否和父类型是否一样,通过本文给大家演示下简单的对象递归,还有数组递归类似。varobj={a:{w:1,y:2,x:3},b:{s