怎么区分对象和数组?
使用typeof去判断对象和数组的类型:console.log(typeof {}) // object
console.log(typeof []) // object
结果都返回object,那么如何有效区分数组和对象呢?
我们可以尝试以下几种方法:
1、Array.isArray()
如果值是Array,返回true,否则返回false
点击查看代码
console.log(Array.isArray([1,2,3])) // true
console.log(Array.isArray({foo: 123})) // false
console.log(Array.isArray(undefined)) // false
console.log(Array.isArray('dddd')) // false
instance和Array.isArray()的区别是:Array.isArray()可以检测iframes.
2、instanceof
用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。
点击查看代码
function C(){}
function D(){}
var o = new C();
o instanceof C; // true,因为 Object.getPrototypeOf(o) === C.prototype
o instanceof D; // false,因为 D.prototype 不在 o 的原型链上
同理:
点击查看代码
var obj = {
name: 'ggg'
}
var arr = [1,2,3]
console.log('obj',obj instanceof Array) // obj不在Array的原型链上 false
console.log('arr',arr instanceof Array) // arr在在Array的原型链上 true
3、Object.prototype.isPrototypeOf(value)
该方法用来判断传入的value在不在Object的原型链上
当然,数组和对象都在Object的原型链上
Array.prototype.isPrototypeOf(value)
如果obj是数组则返回true,否则返回false
4、使用toString()检测类型
点击查看代码
var toString = Object.prototype.toString;
console.log(toString.call({})) // [object Object]
console.log(toString.call([])) // [object Array]
toString.call(new Date); // [object Date]
toString.call(new String); // [object String]
toString.call(Math); // [object Math]
toString.call(undefined); // [object Undefined]
toString.call(null); // [object Null]