判断是否为数组的四种Js方法

1.instanceof

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

var arr = [1,2,3];
arr instanceof Array   // true
var obj = {};
obj instanceof Array   // false

需要注意的是:如果表达式 obj instanceof Foo 返回 true,则并不意味着该表达式会永远返回 true,因为 Foo.prototype 属性的值有可能会改变,改变之后的值很有可能不存在于 obj 的原型链上,这时原表达式的值就会成为 false

function C(){}
var o = new C();
console.log(o instanceof C);
C.prototype = {}
console.log(o instanceof C);

其次,当我们的脚本拥有多个全局环境,例如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.Array.isArray()

优点:这个方法不管他在哪个全局执行环境中创建

Array.isArray([1,2,3]);

3.constructor

constructor 在其对应对象的原型下面,是自动生成的。当我们写一个构造函数的时候,程序会自动添加:构造函数名.prototype.constructor = 构造函数名

var arr = [1,2,3];
arr.constructor === Array

使用constructor是不保险的,因为constructor属性是可以被修改的,会导致检测出的结果不正确,且不能跨iframe

arr.constructor === Array     //    true
arr.constructor = String      //    String() { [native code] }
arr.constructor === Array     //    false

注意:当使用该方法判断其他数据类型时要注意一点是,undefined和null是不能够判断出类型的,并且会报错。因为null和undefined是无效的对象,因此是不会有constructor存在的


4.Object.prototype.toSrtring.call([ ])

在任何值上调用Object原生的toString()方法,都会返回一个[Object NativeConstructorName]格式的字符串。每个类在内部都一个[[class]]属性,这个属性中指定了上述 字符串中的构造函数名。

var value = [1,2,3];
alert(Object.prototype.toString.call(value));  // "[object Array]"

由于原生数组的构造函数与全局作用域无关,因此使用toString()就能保证返回一致的值。利用这一点可以创建如下函数:

function isArray(value){
	return Object.prototype.toString.call(value) == "[object Array]";
}

注意:当使用该方法判断其他数据类型时要注意一点是,IE8及IE8以下,undefined和null均为Object,IE9及IE9以上为[object Undefined]和[object Null]

比较推荐的是Array.isArray() 和  Object.prototype.toString.call() 这两个方法。

 

 

参考: instanceof MDN

           JS判断是否是数组的四种做法

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值