首页 > 其他分享> > 如何区分数组和对象？

如何区分数组和对象？

2022-01-10 18:02:47 作者：互联网

怎么区分对象和数组？

使用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]

标签：isArray,console,log,对象,区分,object,toString,数组,Array
来源： https://www.cnblogs.com/xiaohu-org/p/15785404.html