jQuery | type() 方法

简介

type() 方法是 jQuery 的内置方法之一，用于获取指定变量的数据类型。

jQuery.type(obj)

语法

• obj：待检测的变量 。

返回值

该方法返回一个字符串，表示变量的数据类型。返回值有以下几种可能：

• "undefined"：如果变量没有被声明或未被赋值；
• "null"：如果变量的值为 null；
• "boolean"：如果变量的值是一个布尔值；
• "number"：如果变量的值是一个数值；
• "string"：如果变量的值是一个字符串；
• "function"：如果变量的值是一个函数；
• "array"：如果变量的值是一个数组；
• "object"：如果变量的值是一个对象（不是数组，也不是 null）；
• "date"：如果变量的值是一个日期对象；
• "regexp"：如果变量的值是一个正则表达式对象；
• "error"：如果变量的值是一个错误对象；
• "symbol"：如果变量的值是一个 Symbol。

示例

以下是一个简单的例子，展示如何使用 type() 方法：

<p id="demo"></p>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  var value1;
  var value2 = null;
  var value3 = true;
  var value4 = 42;
  var value5 = "Hello, World!";
  var value6 = function(){};
  var value7 = [1, 2, 3];
  var value8 = {name : "John Doe", age: 30};
  var value9 = new Date();
  var value10 = /w3schools/i;
  var value11 = new Error("This is an error.");
  var value12 = Symbol();

  $("#demo").html("value1: " + $.type(value1) + "<br>" +
                  "value2: " + $.type(value2) + "<br>" +
                  "value3: " + $.type(value3) + "<br>" +
                  "value4: " + $.type(value4) + "<br>" +
                  "value5: " + $.type(value5) + "<br>" +
                  "value6: " + $.type(value6) + "<br>" +
                  "value7: " + $.type(value7) + "<br>" +
                  "value8: " + $.type(value8) + "<br>" +
                  "value9: " + $.type(value9) + "<br>" +
                  "value10: " + $.type(value10) + "<br>" +
                  "value11: " + $.type(value11) + "<br>" +
                  "value12: " + $.type(value12));
});
</script>

上述代码输出结果为：

value1: undefined
value2: null
value3: boolean
value4: number
value5: string
value6: function
value7: array
value8: object
value9: date
value10: regexp
value11: error
value12: symbol

总结

type() 方法是一个十分实用的方法，它可以帮助程序员快速确定变量的数据类型，而不必手动判断。它在许多场合下都能发挥作用。