一网打尽JavaScript数据类型检测，轻松掌握开发必备技能

2023-10-16 03:13:37

在JavaScript中，数据类型检测是一种至关重要的技能，能够帮助我们判断变量或表达式的值属于哪种数据类型。掌握数据类型检测，可以让我们在开发过程中避免很多潜在的问题，并编写出更加健壮、可靠的代码。

JavaScript中主要有以下几种数据类型：

基本数据类型：字符串、数字、布尔值、undefined、null
引用数据类型：对象、数组、函数

接下来，我们将逐一介绍JavaScript中各种数据类型检测的方法：

1. typeof 操作符

typeof操作符是最常用的数据类型检测方法之一，它可以检测出变量或表达式的值属于哪种数据类型。typeof操作符的语法如下：

typeof variableOrExpression;

例如：

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

值得注意的是，typeof null的值是"object"，这是JavaScript的一个特殊情况。

2. isNaN() 函数

isNaN()函数可以检测一个值是否是非数字（Not a Number）。isNaN()函数的语法如下：

isNaN(value);

例如：

console.log(isNaN("Hello, world!")); // 输出：true
console.log(isNaN(123)); // 输出：false
console.log(isNaN(true)); // 输出：true
console.log(isNaN(undefined)); // 输出：true
console.log(isNaN(null)); // 输出：false

3. isFinite() 函数

isFinite()函数可以检测一个值是否是有限数字。isFinite()函数的语法如下：

isFinite(value);

例如：

console.log(isFinite("Hello, world!")); // 输出：false
console.log(isFinite(123)); // 输出：true
console.log(isFinite(true)); // 输出：false
console.log(isFinite(undefined)); // 输出：false
console.log(isFinite(null)); // 输出：false

4. Object.prototype.toString.call() 方法

Object.prototype.toString.call()方法可以检测一个值属于哪种数据类型。Object.prototype.toString.call()方法的语法如下：

Object.prototype.toString.call(value);

例如：

console.log(Object.prototype.toString.call("Hello, world!")); // 输出："[object String]"
console.log(Object.prototype.toString.call(123)); // 输出："[object Number]"
console.log(Object.prototype.toString.call(true)); // 输出："[object Boolean]"
console.log(Object.prototype.toString.call(undefined)); // 输出："[object Undefined]"
console.log(Object.prototype.toString.call(null)); // 输出："[object Null]"

5. 终极数据类型检测方案

上述四种方法各有优缺点，为了能够更加准确、全面的检测数据类型，我们可以结合这四种方法来实现一个终极的数据类型检测方案。终极数据类型检测方案的代码如下：

function getType(value) {
  if (typeof value === "string") {
    return "string";
  } else if (typeof value === "number") {
    if (isNaN(value)) {
      return "NaN";
    } else if (isFinite(value)) {
      return "finite number";
    } else {
      return "infinite number";
    }
  } else if (typeof value === "boolean") {
    return "boolean";
  } else if (typeof value === "undefined") {
    return "undefined";
  } else if (value === null) {
    return "null";
  } else if (Array.isArray(value)) {
    return "array";
  } else if (value instanceof Date) {
    return "date";
  } else if (value instanceof RegExp) {
    return "regexp";
  } else if (typeof value === "function") {
    return "function";
  } else if (value instanceof Error) {
    return "error";
  } else {
    return "object";
  }
}

例如：

console.log(getType("Hello, world!")); // 输出：string
console.log(getType(123)); // 输出：finite number
console.log(getType(true)); // 输出：boolean
console.log(getType(undefined)); // 输出：undefined
console.log(getType(null)); // 输出：null
console.log(getType([1, 2, 3])); // 输出：array
console.log(getType(new Date())); // 输出：date
console.log(getType(/abc/)); // 输出：regexp
console.log(getType(function() {})); // 输出：function
console.log(getType(new Error())); // 输出：error
console.log(getType({})); // 输出：object