js数组类型检测

最新推荐文章于 2024-05-16 22:29:43 发布

转载最新推荐文章于 2024-05-16 22:29:43 发布 · 485 阅读

javascript 专栏收录该内容

97 篇文章

订阅专栏

本文详细解析了在JavaScript中判断一个变量是否为数组的四种方法：通过constructor、instanceof、Array.isArray和toSting.call。文章还探讨了这些方法在不同场景下的适用性和局限性，并提供了一个小技巧来验证call方法的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文 http://www.cnblogs.com/Aralic/p/4470643.html

判断一个变量类型是不是数组

这里分为四种情况分析：

通过constructor

[].constructor === Array; //true

这种方法比较坑，不推荐，因为constructor是可以自己修改的。
通过instanceof

[] instanceof Array; //true

犀牛书给出的解释是在页面中含多个窗体或者iframe，那么会产生很多执行环境，一个iframe下的数组不是另一个窗体下构造函数的实例。那么如果出现这种极端条件，instanceof也不推荐使用。
通过Array.isArray

在新版浏览器，IE9+都已经实现了原生方法

Array.isArray([1,2]); //true
通过toSting

Object.prototype.toString.call([]) === '[object Array]'

在一些博客和犀牛书给出的都是这种方法。因为之前对call语法，toString方法的疑惑，导致我只能死记硬背这句代码。最近在回顾继承有关知识，学到了call方法，这段代码意思是对[]调用Object对象原型下的toString方法，不同于数组原型下的toString的方法，之所以疑惑，因为数组下的toString是把一个数组转成字符串。为了屏蔽掉call方法的干扰。

我做了一个小处理
```
Array.prototype.toString = Object.prototype.toString;
[].toString(); // "[object Array]"
```
验证出来了call的作用方法，同时也得出Array原型重写了toString方法（原型链关系推出来的）紧接着，去 MDN查阅Object原型的toString方法，看看这究竟是什么鬼？原来这个返回对象类型字符串。同时像时间对象，正则对象，数学对象等等都能返回出来。
```
var toString = Object.prototype.toString;

toString.call(new Date); // [object Date]
toString.call(new String); // [object String]
toString.call(Math); // [object Math]

//Since JavaScript 1.8.5
toString.call(undefined); // [object Undefined]
toString.call(null); // [object Null]
```