1个回答

test
2024-07-08
第一种,就是通过原型链上的 constructor
来判断:
var a = []
a.constructor === Array
// true
就很简单,其实不加上 === Array
直接使用 a.constructor
就会输出 ƒ Array() { [native code] }
就可以知道是否会是数组了,不过是为了判断嘛,所以还是加上了。
第二种,通过 instanceof
来判断:
var a = []
a instanceof Array
// true
这个也很容易,其实其原理就和我上面提到的通过原型链上的 constructor
来判断类似,instanceof
会去检测构造函数的 prototype
属性是否出现在实例对象的原型链上。
第三种,通过 isArray
来判断
var a = []
Array.isArray(a)
// true
😄 和 instanceof
一样简单,但 isArray
是优于 instanceof
的。其原因是不同的全局环境(页面、frame)下 Array 构造函数是不同的,使用 instanceof
来判断是否为数组得保证创建数组的 Array 构造函数是同一个才可以。 不过无伤大雅一般都不会出现这种问题,大家知道即可。
第四种,通过 Object.prototype.toString
来判断:
var a = [];
Object.prototype.toString.call(a) === '[object Array]'
// true
这种就是属于比较花里胡哨的了,用到了 Object.prototype.toString
方法,再使用 call
来指定 this
的指向。虽然他很强,可以判断几乎所有类型,但是我觉得不是很靠谱。 毕竟 instanceof
都可能因为不同全局环境而导致判断出错。让我觉得依赖于原型上的属性和方法都有可能会有问题。
现在已经有了 Array.isArray()
了,就不用再考虑再纠结这些问题了,实践中使用它就行了。我们大概知道有过多少种判断数组的方式即可。
本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容