js怎么判斷對象是否是數組

# JS怎么判斷對象是否是數組

在JavaScript開發中，準確判斷一個對象是否為數組是常見的需求。本文將詳細介紹5種判斷方法，分析其原理和適用場景，并給出代碼示例。

## 1. 使用Array.isArray()方法（推薦）

**最佳實踐**：ES5引入的專有方法

```javascript
const arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true

const obj = {};
console.log(Array.isArray(obj)); // false

優點： - 專為數組檢測設計 - 兼容所有現代瀏覽器和Node.js環境 - 能正確識別跨iframe傳遞的數組

注意：IE9+支持，如需兼容更老瀏覽器需polyfill

2. instanceof操作符

const arr = [];
console.log(arr instanceof Array); // true

// 跨iframe場景會失效
const iframe = document.createElement('iframe');
document.body.appendChild(iframe);
const iframeArr = window.frames[0].Array;
console.log([] instanceof iframeArr); // false

局限性： - 無法處理多全局執行環境（如iframe） - 可能被原型鏈篡改影響

3. 檢查constructor屬性

const arr = [];
console.log(arr.constructor === Array); // true

// 可能被修改
arr.constructor = Object;
console.log(arr.constructor === Array); // false

風險點： - constructor屬性可被顯式修改 - 與instanceof存在相同的跨域問題

4. Object.prototype.toString.call()

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

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

特點： - 最可靠的類型判斷方法 - 適用于所有JavaScript內置類型 - ES5規范定義的內部[[Class]]值

5. 鴨子類型檢測（不推薦）

function isArrayLike(obj) {
  return obj && 
    typeof obj.length === 'number' && 
    typeof obj.splice === 'function';
}

缺點： - 誤判風險高（如arguments、NodeList） - 非常規數組可能無法識別

性能比較

通過百萬次調用測試（Chrome 91）：

特殊場景處理

類數組對象轉換：

function convertToArray(arrayLike) {
  return Array.isArray(arrayLike) 
    ? arrayLike 
    : Array.from(arrayLike);
}

TypeScript類型守衛：

function isArray(obj: any): obj is any[] {
  return Array.isArray(obj);
}

總結建議

1. 首選：Array.isArray()
2. 備用方案：Object.prototype.toString.call()
3. 避免使用：鴨子類型檢測
4. 框架開發：結合多種方法做容錯處理

通過理解這些方法的底層原理，開發者可以更準確地處理數組類型判斷問題。 “`