Javascript中判断数组的正确姿势

在 Javascript 中，如何判断一个变量是否是数组？

最好的方式是用 ES5 提供的 Array.isArray() 方法（毕竟原生的才是最屌的）：

1 2	var a = [0, 1, 2]; console.log(Array.isArray(a)); // true

但是鉴于低版本 IE 不支持 ES5，如需兼容，需要想想别的办法。

typeof？

我们都知道，数组是特殊的对象，所以数组的 typeof 结果也是 object，而因为 null 的结果也是 object，所以如需用 typeof 运算符来判断数组，需要这么写：

1 2 3

var a = [0, 1, 2]; // 是 object 同时排除 null、排除纯对象 console.log(typeof a === 'object' & a !== null && Object.prototype.toString.call(a) !== '[object Object]');  // true

instanceof？

来回忆下 instanceof 运算符的使用方式。a instanceof b，如果返回 true，表示 a 是 b 的一个实例。那么如果 a instanceof Array 返回 true，是不是就说明 a 是 数组类型呢？跟 instanceof 师出同门的还有 constructor，是否同样可以判断呢？

1 2 3

var a = [0, 1, 2]; console.log(a instanceof Array);  // true 就是数组？ console.log(a.constructor === Array); // true 数组？

答案是否定的，需要注意嵌套 frame 的情况。

index.htm 代码：

1 2 3 4 5

window.onload = function() {       var a = window.frames[0].a;       console.log(a instanceof Array);  // false       console.log(a.constructor === Array);  // false     };

a.htm 代码：

1	window.a = [1, 2, 3];

我们看到 index.htm 代码中，变量 a 确实是一个数组，但是 a instanceof Array 的结果却是 false。

这是因为每个 frame 都有一套自己的执行环境，跨 frame 实例化的对象彼此不共享原型链。如果打印 a instanceof window.frames[0].Array，那么结果就是 true 了。

特性嗅探？

1 2 3 4 5

var a = [0, 1, 2];   if (a.sort) {   // 是数组 }

也不靠谱，万一某个对象正好有值为 sort 的 key 呢？

1 2 3 4 5 6

var a = {sort: 'me'};   if (a.sort) {   // 数组？   // 其实我真的不是数组 }

正确的姿势是使用 Object.prototype.toString() 判断：

1

2

ngs=" minimize scroll-always" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 15px !important;">

1 2	var a = [0, 1, 2]; console.log(Array.isArray(a)); // true

但是鉴于低版本 IE 不支持 ES5，如需兼容，需要想想别的办法。

typeof？

我们都知道，数组是特殊的对象，所以数组的 typeof 结果也是 object，而因为 null 的结果也是 object，所以如需用 typeof 运算符来判断数组，需要这么写：

1 2 3

var a = [0, 1, 2]; // 是 object 同时排除 null、排除纯对象 console.log(typeof a === 'object' & a !== null && Object.prototype.toString.call(a) !== '[object Object]');  // true

instanceof？

来回忆下 instanceof 运算符的使用方式。a instanceof b，如果返回 true，表示 a 是 b 的一个实例。那么如果 a instanceof Array 返回 true，是不是就说明 a 是 数组类型呢？跟 instanceof 师出同门的还有 constructor，是否同样可以判断呢？

1 2 3

var a = [0, 1, 2]; console.log(a instanceof Array);  // true 就是数组？ console.log(a.constructor === Array); // true 数组？

答案是否定的，需要注意嵌套 frame 的情况。

index.htm 代码：

1 2 3 4 5

window.onload = function() {       var a = window.frames[0].a;       console.log(a instanceof Array);  // false       console.log(a.constructor === Array);  // false     };

a.htm 代码：

1	window.a = [1, 2, 3];

我们看到 index.htm 代码中，变量 a 确实是一个数组，但是 a instanceof Array 的结果却是 false。

这是因为每个 frame 都有一套自己的执行环境，跨 frame 实例化的对象彼此不共享原型链。如果打印 a instanceof window.frames[0].Array，那么结果就是 true 了。

特性嗅探？

1 2 3 4 5

var a = [0, 1, 2];   if (a.sort) {   // 是数组 }

也不靠谱，万一某个对象正好有值为 sort 的 key 呢？

1 2 3 4 5 6

var a = {sort: 'me'};   if (a.sort) {   // 数组？   // 其实我真的不是数组 }

正确的姿势是使用 Object.prototype.toString() 判断：

1 2	span class="crayon-t">var