登录
首页 >  文章 >  前端

JavaScript数据类型有哪些?如何判断?

时间:2026-01-04 20:30:45 145浏览 收藏

最近发现不少小伙伴都对文章很感兴趣,所以今天继续给大家介绍文章相关的知识,本文《JavaScript数据类型有哪些?如何判断?》主要内容涉及到等等知识点,希望能帮到你!当然如果阅读本文时存在不同想法,可以在评论中表达,但是请勿使用过激的措辞~

JavaScript有8种数据类型:7种原始类型(string、number、boolean、null、undefined、symbol、bigint)和1种引用类型(object);检测时应优先用typeof判断原始类型(需单独处理null),复杂类型统一用Object.prototype.toString.call()确保准确。

JavaScript数据类型有哪些_如何检测它们?

JavaScript 有 8 种数据类型:7 种原始类型(stringnumberbooleannullundefinedsymbolbigint)和 1 种引用类型(object,包括数组、函数、日期、正则、Map、Set 等)。检测时不能只靠 typeof,尤其要小心 null 和数组、函数等特殊情况。

用 typeof 检测原始类型(除 null 外)

typeof 对大多数原始值表现良好,但对 null 返回 "object" 是历史遗留 bug,需单独处理。

  • typeof "hi" → "string"
  • typeof 42 → "number"
  • typeof true → "boolean"
  • typeof undefined → "undefined"
  • typeof Symbol() → "symbol"
  • typeof 1n → "bigint"
  • typeof null → "object"(⚠️错误!需额外判断)

准确识别 null 和 object 子类型

typeof 无法区分普通对象、数组、日期、正则等。推荐组合使用 Object.prototype.toString.call() —— 它返回标准格式的字符串标签,最可靠。

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

可封装成工具函数:

function getType(value) {
  return Object.prototype.toString.call(value).slice(8, -1);
}
// getType([1,2]) → "Array"
// getType(null) → "Null"

检测函数与特殊对象

typeof 对函数返回 "function",这是少数例外;而 instanceofconstructor 易受原型链污染或跨 iframe 失效,不推荐作为主检测方式。

  • typeof function(){} → "function"
  • typeof class C{} → "function"(类本质也是函数)
  • getType(async () => {}) → "AsyncFunction"
  • getType(new Map()) → "Map"getType(new Set()) → "Set"

快速判断真假值与存在性

日常开发中,常需区分“是否为有效值”,而非严格类型。注意:

  • 假值(falsy)有 6 个:false0-00n""nullundefined
  • !!value 可转为布尔,但会把 0"" 等也判为 false —— 若需排除空字符串或零,应显式比较
  • 检查变量是否存在:用 typeof x !== 'undefined',避免 ReferenceError

基本上就这些。记住核心原则:原始类型优先用 typeof(记得特判 null),复杂类型统一用 Object.prototype.toString.call(),既准确又兼容性好。

文中关于的知识介绍,希望对你的学习有所帮助!若是受益匪浅,那就动动鼠标收藏这篇《JavaScript数据类型有哪些?如何判断?》文章吧,也可关注golang学习网公众号了解相关技术文章。

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