JavaScript 中 typeof 數組返回 "object" 的深層原因

現象重現

var mycars = new Array("Saab", "Volvo", "BMW");
console.info(typeof mycars); // 輸出 "object"
console.info(mycars);        // 輸出 ["Saab", "Volvo", "BMW"]

核心解釋

根據 ECMAScript 標準，JavaScript 中所有的 引用類型（包括 Array、Object、Function、Date、RegExp 等）都是 Object 的實例。因此 typeof 操作符對任何引用類型值（除 null 外）均返回 "object"。

數組本質上是一種特殊的對象，其鍵為數字索引，且擁有 length 屬性和特定方法（如 push、pop）。但從類型系統角度看，它屬於對象範疇。

正確判斷數組的方法

1. Array.isArray()（ES5+ 推薦）
   Array.isArray(mycars) // true
2. instanceof 操作符
   mycars instanceof Array // true
3. Object.prototype.toString.call()
   Object.prototype.toString.call(mycars) === "[object Array]" // true
4. constructor 屬性
   mycars.constructor === Array // true

避坑指南

• 不要使用 typeof arr === "array" —— 永遠不會成立。
• 跨 iframe/frame 傳遞數組時，instanceof 可能失效，優先用 Array.isArray()。
• null 是特例：typeof null === "object"，但它不是對象實例。

理解這一機制，有助於編寫更健壯的類型檢查邏輯，避免在條件判斷中踩坑。