判断一个变量是否为数组最推荐的方法是使用 array.isarray(),因为它准确、可靠且能正确处理跨iframe等不同执行环境下的数组判断;2. typeof 不能用于判断数组,因为它对所有对象(包括数组、普通对象、null)都返回"object",无法区分具体类型;3. instanceof array 在跨执行环境(如多个iframe)时会失效,因为不同环境中的 array 构造函数不相等,导致判断错误;4. object.prototype.tostring.call() 也能正确判断数组且跨环境安全,但语法较冗长,适合需要通用类型判断的场景,而 array.isarray() 更简洁高效,是判断数组的首选方法。

在JavaScript里,要判断一个变量是不是数组,最直接、最推荐的方法就是使用
Array.isArray()。这个方法是专门为此设计的,它能提供最准确、最可靠的判断结果,几乎没有副作用。

解决方案
判断一个变量
myVar是否是数组,你只需要这样做:
if (Array.isArray(myVar)) {
console.log("这是一个数组!");
} else {
console.log("这不是一个数组。");
}Array.isArray()方法会返回一个布尔值:如果是数组,就返回
true;如果不是,就返回
false。它能正确处理所有可能的情况,包括跨iframe的数组实例,这是其他一些传统方法做不到的。我个人觉得,当你需要一个明确的、无歧义的答案时,它就是你的首选。

为什么不推荐使用 typeof 判断数组?
说实话,刚接触JavaScript的时候,很多人(包括我自己在内)都会下意识地想用
typeof来判断变量类型。但对于数组来说,
typeof根本就靠不住。如果你对一个数组执行
typeof,它会返回
"object"。问题是,
null也会返回
"object",普通的JavaScript对象也会返回
"object"。
console.log(typeof []); // "object"
console.log(typeof {}); // "object"
console.log(typeof null); // "object"
console.log(typeof "hello"); // "string"
console.log(typeof 123); // "number"你看,它根本无法区分数组和普通对象,甚至连
null都搅和进来了。所以,如果你想用
typeof来判断数组,那基本是行不通的,它会给你一个模棱两可的答案,导致逻辑出错。这玩意儿在判断原始类型(字符串、数字、布尔、undefined、symbol、bigint)时还算好用,但一碰到对象,特别是数组,就彻底歇菜了。

instanceof Array 在什么情况下会失效?
instanceof操作符看起来似乎是个不错的选择,它能检查一个对象是否是某个构造函数的实例。所以,你可能会写
myVar instanceof Array。在大多数情况下,这确实能正常工作。
let arr = [1, 2, 3];
console.log(arr instanceof Array); // true
let obj = {};
console.log(obj instanceof Array); // false但是,
instanceof有一个致命的缺陷,那就是它依赖于原型链。当你的代码运行在不同的JavaScript执行环境(比如,一个页面包含了多个
iframe,或者你在Node.js环境中使用
vm模块创建的沙箱)时,每个环境都有自己独立的全局对象和构造函数。这意味着,一个
iframe中创建的数组,它的
Array构造函数和主窗口的
Array构造函数是不同的,即使它们都叫
Array。
<!-- index.html -->
<iframe id="myFrame" src="about:blank"></iframe>
<script>
const iframe = document.getElementById('myFrame');
const iframeDoc = iframe.contentWindow.document;
const iframeArray = iframe.contentWindow.Array; // 获取iframe中的Array构造函数
const arrInMain = [];
const arrInIframe = iframeDoc.createElement('script').parentNode; // 随便找个iframe中的数组
console.log(arrInMain instanceof Array); // true (主窗口的数组是主窗口Array的实例)
console.log(arrInIframe instanceof Array); // false (iframe的数组不是主窗口Array的实例)
console.log(arrInIframe instanceof iframeArray); // true (iframe的数组是iframe中Array的实例)
</script>在这种跨上下文的情况下,
instanceof Array会失效,因为它无法识别来自不同上下文的数组实例。这在大型应用或第三方库集成时,是一个非常隐蔽且难以调试的坑。所以,除非你确定你的代码只在一个单一的JavaScript执行环境里运行,否则
instanceof并不是一个可靠的数组判断方法。
Object.prototype.toString.call() 是如何判断数组的,它和 Array.isArray() 有何异同?
Object.prototype.toString.call()是一种非常通用的方法,用来判断任何JavaScript内置对象的类型。当你在一个数组上调用它时,它会返回
"[object Array]"。
let arr = [1, 2, 3];
let obj = {};
let str = "hello";
let num = 123;
let nul = null;
let und = undefined;
console.log(Object.prototype.toString.call(arr)); // "[object Array]"
console.log(Object.prototype.toString.call(obj)); // "[object Object]"
console.log(Object.prototype.toString.call(str)); // "[object String]"
console.log(Object.prototype.toString.call(num)); // "[object Number]"
console.log(Object.prototype.toString.call(nul)); // "[object Null]"
console.log(Object.prototype.toString.call(und)); // "[object Undefined]"这种方法之所以可靠,是因为
Object.prototype.toString是一个内部方法,它会根据对象的
[[Class]]内部属性返回一个字符串。这个
[[Class]]属性是引擎内部用来标识对象类型的,它不会受到跨上下文环境的影响。所以,
Object.prototype.toString.call()在判断数组时,和
Array.isArray()一样,都是跨上下文安全的。
异同点:
- 可靠性: 两者都非常可靠,都能正确判断数组,并且都能处理跨上下文的数组实例问题。
-
简洁性:
Array.isArray()
显然更简洁、更直观。它就是为判断数组而生的,语义非常明确。而Object.prototype.toString.call()
稍微有点冗长,需要额外的字符串比较。 -
通用性:
Object.prototype.toString.call()
更通用。你可以用它来判断几乎所有内置对象的类型(比如Date
、RegExp
、Function
等),而Array.isArray()
只能判断数组。 -
性能: 在现代浏览器中,
Array.isArray()
通常会比Object.prototype.toString.call()
稍微快一点,因为它是一个原生方法,并且是专门优化的。不过,这种性能差异通常微乎其微,在大多数应用中可以忽略不计。
所以,我的建议是,如果你只是想判断一个变量是不是数组,那就无脑用
Array.isArray()。它简洁、高效、语义明确。如果你需要一个更通用的类型判断工具,比如要区分
Date对象、
RegExp对象等等,那么
Object.prototype.toString.call()就会派上用场。但对于数组这一个特定场景,
Array.isArray()已经是最佳实践了。


















