如何判断数组和对象？

在JavaScript开发中，准确区分数组和对象是一项基本但重要的任务。由于数组本质上是特殊的对象，使用不恰当的判断方法会导致程序逻辑错误，特别是在处理来自API的动态数据时，正确的类型判断至关重要。

typeof运算符的局限性

使用typeof操作符是检查类型最直接的方式，但对于数组和对象它都返回"object"，这无法满足区分需求。

console.log(typeof []); // "object"
console.log(typeof {}); // "object"

这种结果源于JavaScript的历史设计，因此我们需要更精确的工具来进行区分。

Array.isArray方法

Array.isArray()是现代JavaScript中判断数组最可靠的方法。它专门用于检测传入的值是否为数组，对于数组返回true，对于对象则返回false。

console.log(Array.isArray([])); // true
console.log(Array.isArray({})); // false

这个方法简洁直观，且在所有现代浏览器和Node.js环境中都得到良好支持，是日常开发中的首选方案。

构造函数与instanceof检查

通过检查值的constructor属性，可以判断其构造函数是否为Array或Object。instanceof运算符基于原型链工作，也能达到类似目的。

const arr = [];
const obj = {};

console.log(arr.constructor === Array); // true
console.log(obj.constructor === Object); // true

console.log(arr instanceof Array); // true
console.log(obj instanceof Object); // true

需要注意的是，在跨iframe或跨Realm（例如使用window.open创建的窗口）的场景中，instanceof检查可能失效，因为不同的全局环境拥有不同的内置构造函数。

Object.prototype.toString的通用方案

调用Object.prototype.toString方法可以返回一个表示对象类型的标准字符串。对于数组，它返回"[object Array]"；对于普通对象，返回"[object Object]"。

console.log(Object.prototype.toString.call([])); // "[object Array]"
console.log(Object.prototype.toString.call({})); // "[object Object]"

这种方法虽然代码稍长，但非常可靠，即使在复杂的执行环境中也能正常工作。它还可以扩展用于判断其他内置类型，如Date、RegExp等。

在实际编码中，根据具体场景选择合适的方法。处理常规数据时，Array.isArray()是最清晰的选择。当需要构建健壮的通用工具函数时，可以考虑使用Object.prototype.toString.call()。理解这些方法的差异有助于避免常见的类型判断陷阱。