提方案的时候顺便会引申一下该方法的使用。
一,instanceOf:(可以判断)
instanceOf运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype
属性。
也可以这样说:instanceof
运算符用来检测 constructor.prototype
是否存在于参数 object
的原型链上。
A instanceOf B => 表示 A是否是B的实例
数组是Array的实例,对象是Object的实例
所以:
1 let arr=[1,2,3]; 2 arr instanceof Array //true 3 //多说一句 4 arr instanceof Object //true 因为Array是Object的子
从上面可以看出:可以用instanceof来区分数组和对象
另外,更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。
1 例如: 2 function Foo(){} 3 Foo.prototype = new Aoo();//JavaScript 原型继承 4 var foo = new Foo(); 5 console.log(foo instanceof Foo)//true 6 console.log(foo instanceof Aoo)//true 7 //又如: 8 console.log(Object instanceof Object);//true 9 console.log(Function instanceof Function);//true 10 console.log(Number instanceof Number);//false 11 console.log(String instanceof String);//false 12 console.log(Function instanceof Object);//true 13 console.log(Foo instanceof Function);//true 14 console.log(Foo instanceof Foo);//false
二,typeOf():(不可以判断)
它返回值是一个字符串,该字符串说明运算数的类型
typeof 一般只能返回如下几个结果:"number"、"string"、"boolean"、"object"、"function" 和 "undefined"。
(1)数字 typeof(x) = "number"
(2)字符串 typeof(x) = "string"
(3)布尔值 typeof(x) = "boolean"
(4)对象,数组和null typeof(x) = "object"
(5)函数 typeof(x) = "function"
从(4)可以看出,typeof()故不能用来区分数组和对象,不能使用
我们可以使用 typeof 来获取一个变量是否存在,如 if(typeof a!="undefined"){alert("ok")},而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错。
三,Object.prototype.toString.call(arr)(可以判断)(更精准强烈推荐)
它返回[object constructorName]的字符串格式,这里的constructorName就是call参数的函数名,内置类型分为null、string、boolean、number、undefined、array、function、object、date、math
利用对象的toString可以准确判断是什么类型,call()改变this指向,这里是借用Object的方法,然后有人可能会问为什么不直接用arr.toString而要借用Object的方法,
看下面的例子:
1 console.log(Object.prototype.toString.call("jerry"));//[object String] 2 console.log(Object.prototype.toString.call(12));//[object Number] 3 console.log(Object.prototype.toString.call(true));//[object Boolean] 4 console.log(Object.prototype.toString.call(undefined));//[object Undefined] 5 console.log(Object.prototype.toString.call(null));//[object Null] 6 console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object] 7 console.log(Object.prototype.toString.call(function(){}));//[object Function] 8 console.log(Object.prototype.toString.call([]));//[object Array] 9 console.log(Object.prototype.toString.call(new Date));//[object Date] 10 console.log(Object.prototype.toString.call(/d/));//[object RegExp] 11 console.log(Object.prototype.toString.call(new Person));//[object Object]
1 //直接用toString 2 console.log("jerry".toString());//jerry 3 console.log((1).toString());//1 4 console.log([1,2].toString());//1,2 5 console.log(new Date().toString());//Wed Dec 21 2016 20:35:48 GMT+0800 (中国标准时间) 6 console.log(function(){}.toString());//function (){} 7 console.log(null.toString());//error 8 console.log(undefined.toString());//error
因为toString为Object原型上的方法,而Array、Function都是Object的实例,实例重新改写了原型上的toString方法,不同的对象调用toString方法,调用的是改写之后的方法(转成各种类型的字符串),而不会调用Object原型上的toString()方法,因此直接调用不能判断对象类型。
四,es6的方法——Array.isArray() (可以判断)
1 var arr = [1,2,3,1]; 2 console.log(arr.constructor === Array)//true 3 var obj = {a:1,b:2}; 4 console.log(obj.constructor === Object)//true
努力到无能为力,拼搏到感动自己。fighting!!!!