JavaScript 基础专题之类型检测（十一）——巧用 typeof 鉴定数据类型

2023-11-03 11:36:00

在 JavaScript 编程中，类型检测是一种必备技能，它可以帮助开发者确定变量或表达式的值属于哪种数据类型。JavaScript 提供了多种方法来进行类型检测，其中最常用的便是 typeof 运算符。

1. 揭秘 typeof 运算符

typeof 运算符的作用是返回一个字符串，表示操作数的数据类型。操作数可以是变量、表达式或字面值。

console.log(typeof 123); // "number"
console.log(typeof "Hello world!"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object"

需要注意的是，typeof null 返回 "object" 的结果是 JavaScript 的一个历史遗留问题。严格来说，null 并不是一个对象，而是表示空值的特殊值。

2. typeof 与原始类型

对于原始类型的值，typeof 运算符总是返回相同的结果：

数值：返回 "number"
字符串：返回 "string"
布尔值：返回 "boolean"
undefined：返回 "undefined"

3. typeof 与合成类型

对于合成类型的值，typeof 运算符返回的结果会根据具体情况而变化。

对象：返回 "object"
数组：返回 "object"
函数：返回 "function"

4. typeof 的妙用

typeof 运算符在实际开发中有很多妙用，例如：

检测变量是否已定义：

if (typeof myVariable === "undefined") {
  // myVariable 未定义
}

检测变量的数据类型：

switch (typeof myVariable) {
  case "number":
    // myVariable 是一个数字
    break;
  case "string":
    // myVariable 是一个字符串
    break;
  case "boolean":
    // myVariable 是一个布尔值
    break;
  default:
    // myVariable 是其他类型的值
}

将变量转换为其他数据类型：

const myNumber = Number("123"); // 将字符串 "123" 转换为数字 123
const myString = String(123); // 将数字 123 转换为字符串 "123"
const myBoolean = Boolean(0); // 将数字 0 转换为布尔值 false