如何区分数组和对象?

怎么区分对象和数组?

使用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]
上一篇:Java Object类有哪些重点需要掌握?


下一篇:java—toString