用JavaScript写一个函数，用于判断变量的数据类型

你想要那颗糖

已于 2023-07-16 08:38:20 修改

阅读量205

点赞数 4

分类专栏：面试官问 JavaScript 文章标签： javascript typeof instanceof

于 2023-07-11 15:02:10 首次发布

本文链接：https://blog.csdn.net/qq_50260510/article/details/131659591

版权

JavaScript 同时被 2 个专栏收录

61 篇文章 2 订阅

订阅专栏

面试官问

28 篇文章 2 订阅

订阅专栏

1.在JavaScript中，可以使用typeof操作符来确定变量的数据类型

    function getVariableType(variable) {
      return typeof variable;
    }

    // 示例用法
    var var1 = 10;
    var var2 = "Hello";
    var var3 = [1, 2, 3];

    console.log(getVariableType(var1)); // 输出: "number"
    console.log(getVariableType(var2)); // 输出: "string"

在上述示例中，getVariableType() 函数接受一个变量作为参数，并使用 typeof 操作符获取变量的类型。函数返回的结果是一个表示变量类型的字符串。

需要注意的是，JavaScript的 typeof 操作符返回的类型结果有一些特殊之处。例如，数组会被归类为 "object" 类型，而 null 会被归类为 "object" 类型。因此，在使用 typeof 操作符判断数据类型时，需要特别留意这些细节

2.在Java中，还可以使用instanceof操作符来检查对象的类型

function getVariableType(variable) {
  if (variable instanceof Array) {
    return "Array";
  } else if (variable instanceof Date) {
    return "Date";
  } else if (variable instanceof RegExp) {
    return "RegExp";
  } else {
    return typeof variable;
  }
}

// 示例用法
var var1 = 10;
var var2 = "Hello";
var var3 = [1, 2, 3];

console.log(getVariableType(var1));  // 输出: "number"
console.log(getVariableType(var2));  // 输出: "string"
console.log(getVariableType(var3));  // 输出: "Array"

在上述示例中，getVariableType() 函数接受一个变量作为参数，并使用 instanceof 运算符来判断变量的数据类型。对于特定类型（例如数组、日期和正则表达式），可以使用 instanceof 运算符进行检查，并返回相应的类型字符串。对于其他类型，直接使用 typeof 操作符获取类型。

需要注意的是，instanceof 运算符用于检查对象的原型链，因此只能用于检查对象类型。对于基本类型（如数字、字符串等），无法使用 instanceof 运算符进行判断，此时可以使用 typeof 操作符来获取类型。

3.typeof 与 instanceof 区别

typeof 和 instanceof 是在 JavaScript 中用于判断变量数据类型的两种不同方法，它们有一些区别和适用场景。

1.`typeof` 运算符：

（1）typeof 对于 null 返回 "object"，对于函数返回 "function"。

（2）它可以用于所有的数据类型，包括基本类型（如字符串、数字、布尔值等）和引用类型（如对象、数组、函数等）。

（3）typeof 返回的结果是一个表示数据类型的字符串，如："number"、"string"、"boolean"、"object"、"function" 等。

（4）typeof 对于 null 返回 "object"，对于函数返回 "function"。

typeof 1 // 'number'
typeof '1' // 'string'
typeof undefined // 'undefined'
typeof true // 'boolean'
typeof Symbol() // 'symbol'
typeof null // 'object'
typeof [] // 'object'
typeof {} // 'object'
typeof console // 'object'
typeof console.log // 'function'

从上面例子，前6个都是基础数据类型。虽然typeof null为object，但这只是JavaScript 存在的一个悠久 Bug，不代表null就是引用数据类型，并且null本身也不是对象

所以，null在 typeof之后返回的是有问题的结果，不能作为判断null的方法。如果你需要在 if 语句中判断是否为 null，直接通过===null来判断就好

同时，可以发现引用类型数据，用typeof来判断的话，除了function会被识别出来之外，其余的都输出object

如果我们想要判断一个变量是否存在，可以使用typeof：(不能使用if(a)，若a未声明，则报错)