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

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

1. typeof 運(yùn)算符

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

• 特點(diǎn)：

  • 對(duì)基本類型（除 null）有效。

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

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

  
  

• 示例：

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

  
  

2. instanceof 運(yùn)算符

• 作用：檢查對(duì)象是否為某個(gè)構(gòu)造函數(shù)的實(shí)例。

• 特點(diǎn)：

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

  • 對(duì)基本類型無效（會(huì)返回 false）。

  • 無法跨窗口（如 iframe）判斷，因?yàn)椴煌翱诘臉?gòu)造函數(shù)不共享。

  
  

• 示例：

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

  
  

3. Object.prototype.toString.call()

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

• 特點(diǎn)：

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

  • 適用于基本類型和對(duì)象類型。

  
  

• 示例：

  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()

• 作用：專門判斷是否為數(shù)組。

• 示例：

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

  
  

5. 其他特定類型檢查

• 如 isNaN()、isFinite()：

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

  
  

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

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

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

  
  

總結(jié)表格

實(shí)用工具函數(shù)

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

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

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