js 判断 数组和对象

提方案的时候顺便会引申一下该方法的使用。

一，instanceOf：（可以判断）

instanceOf运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。

也可以这样说：instanceof运算符用来检测 constructor.prototype是否存在于参数 object的原型链上。

A instanceOf  B => 表示 A是否是B的实例

数组是Array的实例，对象是Object的实例

所以：

 let arr=[1,2,3];
 arr instanceof Array //true
 //多说一句
 arr instanceof Object //true  因为Array是Object的子

从上面可以看出：可以用instanceof来区分数组和对象

另外，更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。

 例如：
 function Foo(){}
 Foo.prototype = new Aoo();//JavaScript 原型继承
 var foo = new Foo();
 console.log(foo instanceof Foo)//true
 console.log(foo instanceof Aoo)//true
 //又如：
 console.log(Object instanceof Object);//true
 console.log(Function instanceof Function);//true
 console.log(Number instanceof Number);//false
 console.log(String instanceof String);//false
 console.log(Function instanceof Object);//true
 console.log(Foo instanceof Function);//true
 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的方法，

看下面的例子：

 console.log(Object.prototype.toString.call("jerry"));//[object String]
 console.log(Object.prototype.toString.call(12));//[object Number]
 console.log(Object.prototype.toString.call(true));//[object Boolean]
 console.log(Object.prototype.toString.call(undefined));//[object Undefined]
 console.log(Object.prototype.toString.call(null));//[object Null]
 console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object]
 console.log(Object.prototype.toString.call(function(){}));//[object Function]
 console.log(Object.prototype.toString.call([]));//[object Array]
 console.log(Object.prototype.toString.call(new Date));//[object Date]
 console.log(Object.prototype.toString.call(/\d/));//[object RegExp]
 console.log(Object.prototype.toString.call(new Person));//[object Object]  

 //直接用toString
 console.log("jerry".toString());//jerry
 console.log((1).toString());//
 console.log([1,2].toString());//1,2
 console.log(new Date().toString());//Wed Dec 21 2016 20:35:48 GMT+0800 (中国标准时间)
 console.log(function(){}.toString());//function (){}
 console.log(null.toString());//error
 console.log(undefined.toString());//error

因为toString为Object原型上的方法，而Array、Function都是Object的实例，实例重新改写了原型上的toString方法，不同的对象调用toString方法，调用的是改写之后的方法(转成各种类型的字符串），而不会调用Object原型上的toString()方法，因此直接调用不能判断对象类型。

四，es6的方法——Array.isArray() （可以判断）

Array.isArray([]) //true

 

五，对象的constructor属性 （可以判断）

 var arr = [1,2,3,1];
 console.log(arr.constructor === Array)//true
 var obj = {a:1,b:2};
 console.log(obj.constructor === Object)//true

努力到无能为力，拼搏到感动自己。fighting!!!!