JS中，判斷一個值是什么類型有哪些方法?

在 JavaScript 中，判斷一個值的類型有多種方法，以下是常用的幾種方式及其區(qū)別和適用場景：

1. typeof 運算符

• 作用：返回一個表示類型的字符串。

• 特點：

  • 對基本類型（除 null）有效。

  • null 會返回 "object"（歷史遺留問題）。

  • 無法區(qū)分 Array、Date 等具體對象類型。

  
  

• 示例：

  javascript
  typeof42;          // "number"
  typeof"hello";     // "string"
  typeoftrue;        // "boolean"
  typeofundefined;   // "undefined"
  typeofnull;        // "object" （注意！）
  typeof {};          // "object"
  typeof [];          // "object"
  typeoffunction() {}; // "function"

  
  

2. instanceof 運算符

• 作用：檢查對象是否為某個構造函數的實例。

• 特點：

  • 僅適用于對象類型（如 Array、Date 等）。

  • 對基本類型無效（會返回 false）。

  • 無法跨窗口（如 iframe）判斷，因為不同窗口的構造函數不共享。

  
  

• 示例：

  javascript
  [] instanceofArray;    // true
  {} instanceofObject;   // true
  newDate() instanceofDate; // true
  42instanceofNumber;   // false （基本類型無效）

  
  

3. Object.prototype.toString.call()

• 作用：最準確的類型判斷方法，返回類似 [object Type] 的字符串。

• 特點：

  • 可區(qū)分所有內置類型（包括 null 和 undefined）。

  • 適用于基本類型和對象類型。

  
  

• 示例：

  javascript
  Object.prototype.toString.call(42);       // "[object Number]"
  Object.prototype.toString.call("hello");   // "[object String]"
  Object.prototype.toString.call(null);     // "[object Null]"
  Object.prototype.toString.call([]);       // "[object Array]"
  Object.prototype.toString.call(/regex/);   // "[object RegExp]"

  
  

4. Array.isArray()

• 作用：專門判斷是否為數組。

• 示例：

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

  
  

5. 其他特定類型檢查

• 如 isNaN()、isFinite()：

  javascript
  isNaN(42);       // false
  isFinite(NaN);   // false

  
  

6. 可選鏈操作符（?.）和 in 操作符

• 用于檢查對象屬性是否存在（間接判斷類型）：

  javascript
  const obj = { prop: 42 };
  "prop"in obj; // true

  
  

總結表格

實用工具函數

javascript
functiongetType(value) {
returnObject.prototype.toString.call(value)
    .slice(8, -1)
    .toLowerCase();
}

getType([]);      // "array"
getType(null);    // "null"
getType(/regex/); // "regexp"

根據需求選擇合適的方法，通常推薦優(yōu)先使用 Object.prototype.toString.call() 或特定方法（如 Array.isArray()）。