返回

JS类型判断和空判断方法整理

前端

在 JavaScript 中,了解如何检查变量的类型和值是否为空非常重要。这对于确保代码的健壮性和可靠性至关重要。在这篇文章中,我们将讨论一些最常用的类型判断和空判断方法。

1. typeof 操作符

typeof 操作符用于检查变量的类型。它返回一个字符串,表示变量的类型。例如:

console.log(typeof 10); // "number"
console.log(typeof "Hello"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof null); // "object"
console.log(typeof undefined); // "undefined"
console.log(typeof Symbol()); // "symbol"

注意: typeof null 返回 "object",这是 JavaScript 的一个特殊情况。

2. instanceof 操作符

instanceof 操作符用于检查一个对象是否是某个类的实例。例如:

function Person(name) {
  this.name = name;
}

const person = new Person("John");

console.log(person instanceof Person); // true
console.log(person instanceof Object); // true

3. == 和 === 操作符

===== 操作符用于比较两个值是否相等。== 操作符只比较值,而 === 操作符比较值和类型。例如:

console.log(1 == "1"); // true
console.log(1 === "1"); // false

4. !、&& 和 || 操作符

!&&|| 操作符用于逻辑运算。! 操作符用于取反,&& 操作符用于逻辑与,|| 操作符用于逻辑或。例如:

console.log(!true); // false
console.log(true && true); // true
console.log(true || false); // true

5. 0、null、undefined 和 NaN

在 JavaScript 中,0nullundefinedNaN 都是特殊的空值。它们可以用来检查变量是否为空。例如:

if (value === 0) {
  // 代码块
}

if (value === null) {
  // 代码块
}

if (value === undefined) {
  // 代码块
}

if (isNaN(value)) {
  // 代码块
}

6. Boolean()、Number() 和 String() 函数

Boolean(), Number()String() 函数可以将变量转换为布尔值、数字和字符串。这可以用来检查变量是否为空。例如:

if (Boolean(value)) {
  // 代码块
}

if (Number(value)) {
  // 代码块
}

if (String(value)) {
  // 代码块
}

总结

以上就是 JavaScript 中常用的类型判断和空判断方法。这些方法可以帮助开发者确保代码的健壮性和可靠性。