登录
首页 >  文章 >  前端

JavaScript常用数据类型有哪些?如何判断变量类型?

时间:2026-01-29 17:34:34 293浏览 收藏

文章小白一枚,正在不断学习积累知识,现将学习到的知识记录一下,也是将我的所得分享给大家!而今天这篇文章《JavaScript数据类型有哪些?如何判断变量类型?》带大家来了解一下##content_title##,希望对大家的知识积累有所帮助,从而弥补自己的不足,助力实战开发!


JavaScript有8种数据类型:7种原始类型(string、number、boolean、null、undefined、symbol、bigint)和1种引用类型(object);判断类型需结合typeof(快但有局限)、Object.prototype.toString.call(最精准)、Array.isArray等方法。

javascript有哪些数据类型_如何判断变量的类型?

JavaScript 有 8 种数据类型:7 种原始类型(primitive)和 1 种引用类型(object)。判断变量类型主要靠 typeofinstanceofObject.prototype.toString.call()Array.isArray() 等方法,但每种方法都有适用边界,需结合使用。

JavaScript 的 8 种数据类型

原始类型(值类型,按值访问):

  • string:如 "hello"
  • number:如 423.14NaNInfinity
  • boolean:如 truefalse
  • null:空值,是独立类型(但 typeof null 返回 "object",属历史 bug)
  • undefined:未赋值或未声明变量的默认值
  • symbol(ES6):唯一且不可变的值,常用于对象属性键
  • bigint(ES2020):表示任意精度整数,如 123n

引用类型(按引用访问):

  • object:包括普通对象、数组、函数、日期、正则、Map、Set、Promise 等——它们底层都是 Object 的实例,但语义和行为不同

用 typeof 判断基础类型(简单但有局限)

typeof 最快最常用,适合快速区分原始类型和函数,但对 null、数组、正则等返回不准确结果:

  • typeof "abc""string"
  • typeof 42"number"
  • typeof true"boolean"
  • typeof undefined"undefined"
  • typeof function(){} "function"
  • typeof null"object"(⚠️经典陷阱)
  • typeof []"object"(不是 "array"
  • typeof /[0-9]/"object"
  • typeof Symbol()"symbol"
  • typeof 123n"bigint"

用 Object.prototype.toString.call() 精准识别内置对象类型

这是最可靠的方式,能区分所有内置对象的具体种类:

  • Object.prototype.toString.call([])"[object Array]"
  • Object.prototype.toString.call({})"[object Object]"
  • Object.prototype.toString.call(new Date())"[object Date]"
  • Object.prototype.toString.call(/abc/)"[object RegExp]"
  • Object.prototype.toString.call(null)"[object Null]"
  • Object.prototype.toString.call(undefined)"[object Undefined]"
  • Object.prototype.toString.call(new Map())"[object Map]"

可封装成工具函数:

const typeOf = (val) => Object.prototype.toString.call(val).slice(8, -1).toLowerCase();
typeOf([1,2]) // "array"
typeOf(new Date()) // "date"

其他实用判断方式

  • 数组:优先用 Array.isArray(arr)(最标准、兼容好)
  • 函数:用 typeof fn === "function"(简洁可靠)
  • null:单独用 val === null(不能依赖 typeof
  • 对象(非 null):可用 val !== null && typeof val === "object" && !Array.isArray(val)
  • Promise:检查 val && typeof val.then === "function" && typeof val.catch === "function",或更稳妥地用 val instanceof Promise(注意跨 iframe 可能失效)

今天带大家了解了的相关知识,希望对你有所帮助;关于文章的技术知识我们会一点点深入介绍,欢迎大家关注golang学习网公众号,一起学习编程~

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>