0

0

javascript数据类型有哪些_如何准确判断一个值的类型?

狼影

狼影

发布时间:2025-12-17 16:21:07

|

938人浏览过

|

来源于php中文网

原创

JavaScript有8种数据类型,typeof因历史bug和无法区分对象子类型而不够用;Object.prototype.toString.call()是最可靠判断方法,可精确识别所有内置类型。

javascript数据类型有哪些_如何准确判断一个值的类型?

JavaScript 有 8 种数据类型:7 种原始类型(stringnumberbooleannullundefinedsymbolbigint)和 1 种引用类型(object,包括 ArrayFunctionDateRegExpMapSet 等所有非原始值)。

为什么 typeof 不够用?

typeof 是最常用的方法,但它在几个关键地方会“撒谎”:

  • typeof null === 'object' —— 这是历史 bug,至今未修复
  • typeof [] === 'object'typeof {} === 'object'typeof new Date() === 'object' —— 全部返回 'object',无法区分具体类型
  • typeof function(){} === 'function' 虽然正确,但 function 本质仍是 object,只是被特殊对待

准确判断类型的推荐方法:Object.prototype.toString.call()

这是最可靠、兼容性最好、且能区分内置对象类型的方式。它利用每个内置构造函数在内部定义的 [[Class]] 标签(ES5 规范),返回形如 "[object Array]" 的字符串:

  • Object.prototype.toString.call([])"[object Array]"
  • Object.prototype.toString.call(null)"[object Null]"
  • Object.prototype.toString.call(undefined)"[object Undefined]"
  • Object.prototype.toString.call(new Set())"[object Set]"
  • Object.prototype.toString.call(42n)"[object BigInt]"

你可以封装一个通用判断函数:

立即学习Java免费学习笔记(深入)”;

Color Wheel
Color Wheel

AI灰度logo或插画上色工具

下载
function getType(value) {
  return Object.prototype.toString.call(value).slice(8, -1);
}
// getType([]) → 'Array'
// getType(Promise.resolve()) → 'Promise'
// getType(/abc/) → 'RegExp'

针对特定场景的快捷判断

实际开发中,常结合语义和性能做取舍:

  • 判数组:Array.isArray(arr) —— 最快最标准(比 toString 略快,且可读性强)
  • 判函数:typeof fn === 'function' —— 安全可靠,无需绕路
  • 判空值:value == null(等价于 value === null || value === undefined
  • 判原始值:typeof value !== 'object' && typeof value !== 'function',或更严谨地 Object(value) !== value

注意 Symbol 和 BigInt 的兼容性

SymbolBigInt 在较老环境(如 IE、Node.js toString.call 判断时,它们会正常返回 "Symbol""BigInt",但若需降级处理,建议先检测全局是否存在对应构造器:

  • typeof Symbol === 'function'
  • typeof BigInt === 'function'

现代项目(如用 Babel 或目标环境明确)基本无需担心。

基本上就这些。记牢 Object.prototype.toString.call() 是“终极答案”,再按需搭配 Array.isArraytypeof 等快捷方式,就能稳准狠地识别任意 JS 值的类型。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

310

2023.10.31

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

222

2025.10.31

string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

543

2023.08.02

java中boolean的用法
java中boolean的用法

在Java中,boolean是一种基本数据类型,它只有两个可能的值:true和false。boolean类型经常用于条件测试,比如进行比较或者检查某个条件是否满足。想了解更多java中boolean的相关内容,可以阅读本专题下面的文章。

353

2023.11.13

java boolean类型
java boolean类型

本专题整合了java中boolean类型相关教程,阅读专题下面的文章了解更多详细内容。

34

2025.11.30

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

238

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

539

2024.03.01

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

381

2023.08.03

全国统一发票查询平台入口合集
全国统一发票查询平台入口合集

本专题整合了全国统一发票查询入口地址合集,阅读专题下面的文章了解更多详细入口。

19

2026.02.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号