前端面试题三个判断数组的方法 Object.prototype.toString.call([1,2,3]) instanceof ，Array.isArray的区别

如果面试中让你说出判断数组的三种方法那上面的三种方法倒是一个不错的选择

var arr=[1,2,3,4,5,6,7];
       console.log(Object.prototype.toString.call(arr)=="[object Array]");
       console.log(arr instanceof Array);
       console.log(Array.isArray(arr));

最后在屏幕中会看见三个true 当然判断数组的方法可不止这三种

arr.constructor === Array //true

console.log(Array.prototype.isPrototypeOf(arr)); // true

还有与其他的方法我就不再一一赘述毕竟今天的主角是上面的那三种

当然面试的时候我们可能轻松的说出三种

但如果让你说那三种之间的优缺点那我们又怎么说呢其实还是不难的这个时候面试官应该是在考验我们对他们原理的理解程度不仅仅是你会用

首先我们得先明白这三种方法的原意是啥意思

1.object.prototype.toString.call(arr) // 输出 ["object Array"]

每一个继承 Object 的对象都有 toString 方法，如果 toString 方法没有重写的话，会返回 [Object type]

这种方法是判断对象属于object的那种原始数据类型这个是对象创建之初就携带的

有人可能有疑问了为啥不能 Array.toString(arr)

虽然大家可能都知道 Array是基于object继承来的但他继承的是 object对象里面的 toString 方法其实吧在object的原型对象里面还有一个toString方法我们直接使用 Array.toString（）虽然能调用这个方法但却不是我们想用的那个方法

同时为了保持上下文 this一致所以使用call方法

纳闷的童鞋可以去打印看看 Object.toString() 和 Object.ptototype.toString()

本人还是很推荐这种方法的因为不管对象怎么变它的出生之初所带的属性是洗不掉的用句人话说就是血脉这种东西无法改变

优点：这种方法对于所有基本的数据类型都能进行判断，即使是 null和defined

缺点：不能精准判断自定义对象，对于自定义对象只会返回[object Object]

var Student=function(name){

this.name=name

}

var stu=new Student('xiaohong');

Object.prototype.toString.call(stu) //输出 [object Object]

Object.prototype.toString.call() 常用于判断浏览器内置对象。

2.instanceof 首先他只能返回 true和false

instanceof的作用好像是就是用来检测构造函数上的原型上是否存在于要检测对象得原型链上

听完之后不懂嘛意思再看一遍还是不懂又看一遍这说的是人话吗

还是实际的例子好懂一点

arr instaceof Array // true 也可以这样说 Array的构造函数的原型在数组对象arr原型链上

如果我换一个函数对象就会报错了

var f1=new Function();

f1 instanceof Array // Array的原型对象不f1 的原型链上就报错

通俗点讲:就好像他不在我家的族谱上我不是有这个对象衍生出来的我不属于他

缺点： instanceof 只能用来判断对象类型，原始类型不可以。并且所有对象类型 instanceof Object 都是 true，且不同于其他两种方法的是它不能检测出iframes。

优点：instanceof可以弥补Object.prototype.toString.call()不能判断自定义实例化对象的缺点。

3.Array.isArray 这个就更简单易懂就是判断对象属不属于数组属于es6的语法

是就是，不是就是不是

Array.isArray([1,2,3]) //true

Array.isArray('1,2,3') .//false

有点就是很轻松的检测出数组缺点也是他的优点只会做这个

就像我为什么王者,lol段位上不去呢因为只会一个英雄呜呜想哭

前端面试题 三个判断数组的方法 Object.prototype.toString.call([1,2,3]) instanceof ，Array.isArray的区别

instanceof的作用好像是就是用来检测构造函数上的原型上是否存在于要检测对象得原型链上

听完之后 不懂嘛意思 再看一遍还是不懂 又看一遍 这说的是人话吗

相关推荐

前端面试题三个判断数组的方法 Object.prototype.toString.call([1,2,3]) instanceof ，Array.isArray的区别

听完之后不懂嘛意思再看一遍还是不懂又看一遍这说的是人话吗