当前位置：首页 > news >正文

如何判断一个对象是数组还是对象

news 来源：原创 2024/5/17 19:06:54

一、typeof判断数据类型（判断数组跟对象都返回object）

console.log(typeof null); // "object"
console.log(typeof function () {
  return 1;
}); // "function"
console.log(typeof 1); // "number"
console.log(typeof a); // "undefined"
console.log(typeof undefined); // "undefined"
console.log(typeof []); // "object" 
console.log(typeof NaN); // "number" 
console.log(typeof {}); // "object"

二、instanceof判断对象的原型链是否是指向构造函数的prototype

var arr = [1,2,3,1];
　　console.log(arr instanceof Array)//true

三、对象的constructor属性

var arr = [1,2,3,1];
　　console.log(arr.constructor === Array)//true

四、Object.prototype.toString.call(arr) 利用对象的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());//1
console.log([1,2].toString());//1,2
console.log(new Date().toString());
console.log(function(){}.toString());//function (){}
console.log(null.toString());//error
console.log(undefined.toString());//error
　　因为toString为Object原型上的方法，而Array、Function都是Object的实例，实例重新改写了原型上的toString方法，不同的对象调用toString方法，调用的是改写之后的方法
　　（转成各种类型的字符串），而不会调用Object原型上的toString()方法，因此直接调用不能判断对象类型

var arr=[1,2,3];
console.log(Array.prototype.hasOwnProperty(“toString”));//true
console.log(arr.toString());//1,2,3
delete Array.prototype.toString;//delete操作符可以删除实例属性
console.log(Array.prototype.hasOwnProperty(“toString”));//false
console.log(arr.toString());//"[object Array]"
　　我们可以看到，删除实例上的toString方法后调用的是Object原型上的toString()方法，返回对象类型