前端必知必会-JavaScript typeof运算符

JavaScript typeof

typeof 运算符

typeof 运算符返回 JavaScript 变量的数据类型。

原始数据类型

在 JavaScript 中，原始值是没有属性或方法的单个值。

JavaScript 有 7 种原始数据类型：

string
number
boolean
bigint
symbol
null
undefined

typeof 运算符返回变量或表达式的类型。

示例

typeof "John" // 返回字符串
typeof ("John"+"Doe") // 返回字符串
typeof 3.14 // 返回数字
typeof 33 // 返回数字
typeof (33 + 66) // 返回数字
typeof true // 返回布尔值
typeof false // 返回布尔值
typeof 1234n // 返回 bigint
typeof Symbol() // 返回符号
typeof x // 返回未定义
typeof null // 返回对象

注意：
在 JavaScript 中，null 是原始值。但是，typeof 返回“对象”。

这是 JavaScript 中一个众所周知的错误，有历史原因。

复杂数据类型

复杂数据类型可以存储多个值和/或不同的数据类型。

JavaScript 有一个复杂数据类型：

object
所有其他复杂类型，如数组、函数、集​​合和映射，都只是不同类型的对象。

typeof 运算符仅返回两种类型：

object
function
示例

typeof {
   
   name:'John'} // 返回对象
typeof [1,2,3,4] // 返回对象
typeof new Map() // 返回对象
typeof new Set() // 返回对象

typeof function (){
   
   } // 返回函数

注意：
typeof 运算符为所有类型的对象返回对象：

objects
arrays
sets
maps
您不能使用 typeof 来确定 JavaScript 对象是数组还是日期。

如何识别数组

如何知道变量是否是数组？

ECMAScript 5 (2009) 为此定义了一个新方法：Array.isArray()：

示例