当前位置: 首页 > news >正文

2. JS 有哪些数据类型

总结

  • 基础类型(7 种)number, string, boolean, null, undefined, symbol, bigint
  • 引用类型(对象及其子类)object, array, function, date, regexp, map, set

判断方式推荐:

  • 基础类型:使用 typeof
  • 引用类型:使用 instanceofObject.prototype.toString.call()

最佳实践:使用 Object.prototype.toString.call(value) 实现最通用的类型判断逻辑。


一、JavaScript 中的数据类型分类

JavaScript 的数据类型可以分为 基础类型(Primitive Types)引用类型(Reference Types)

1. 基础数据类型(Primitive Types)

类型描述
number表示数字,包括整数、浮点数,如 42, 3.14
string表示字符串,如 "hello"
boolean表示布尔值,只有 truefalse
null表示空值,常用于表示“无”或“空对象引用”
undefined表示未定义的值,变量声明但未赋值时为 undefined
symbol表示唯一的、不可变的值,用于对象属性的键
bigint表示任意精度的整数(ES2020 引入),如 123456789012345678901234567890n

⚠️ 注意:typeof null 返回 "object",这是一个历史遗留的 bug。

2. 引用数据类型(Reference Types)

引用类型是对象(object)的子类型,存储的是对值的引用(内存地址)。

类型描述
object普通对象,如 { name: "Tom" }
array数组对象,如 [1, 2, 3]
function函数对象,如 function foo() {}
date日期对象,如 new Date()
regexp正则表达式对象,如 /^\d+/
map, set, weakmap, weaksetES6 引入的集合类型

二、如何判断数据类型?

1. typeof 运算符

适用于判断基础类型(除 null 外):

typeof 42; // "number"
typeof "hello"; // "string"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof Symbol(); // "symbol"
typeof 123n; // "bigint"
typeof null; // "object" ❌(错误)

2. instanceof 运算符

用于判断引用类型:

[] instanceof Array;       // true
{} instanceof Object;      // true
function() {} instanceof Function; // true
new Date() instanceof Date; // true

3. Object.prototype.toString.call()

适用于判断所有类型,是最准确的方式:

Object.prototype.toString.call(42); // "[object Number]"
Object.prototype.toString.call("hello"); // "[object String]"
Object.prototype.toString.call(true); // "[object Boolean]"
Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call(Symbol()); // "[object Symbol]"
Object.prototype.toString.call(123n); // "[object BigInt]"
Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(new Date()); // "[object Date]"
Object.prototype.toString.call(function () {}); // "[object Function]"

三、常见误区与注意事项

问题说明
typeof null === "object"历史 bug,应使用 === null 判断
typeof [1,2,3] === "object"无法区分数组和其他对象,应使用 Array.isArray()
NaN 的类型是 numbertypeof NaN === "number",但它是非数值的
function 是对象,但 typeof 返回 "function"特殊处理

http://www.xdnf.cn/news/1248229.html

相关文章:

  • Linux的NFS与Autofs配置指南
  • nodejs 编程基础01-NPM包管理
  • 最优化中常见的优化理论
  • Shader开发(七)创建第一个Shader项目
  • 游戏画面总是卡顿怎么办 告别延迟畅玩游戏
  • DDoS 防护的未来趋势AI 如何改变安全行业
  • MySQL 5.7 和 8.0 离线安装教程(图文版适合电脑小白)
  • C++返回值优化(RVO):高效返回对象的艺术
  • 【基础】第八篇 Java 位运算符详解:从基础到实战应用
  • Unknown initial character set index ‘255’,Kettle连接MySQL数据库常见错误及解决方案大全
  • nuxt学习笔记
  • 什么是mysql的垂直分表,理论依据是什么,如何使用?
  • LeetCode 刷题【31. 下一个排列】
  • Apache OFBiz Scrum 组件命令注入漏洞
  • 力扣148:排序链表
  • 不可变集合
  • 笔记学习杂记
  • nordic通过j-link rtt viewer打印日志
  • Linux网络编程:TCP初体验
  • 永磁同步电机的矢量控制
  • Python包安全工程实践:构建安全可靠的Python生态系统
  • Redis类型之String
  • Python深度学习:从入门到进阶
  • ELK是什么
  • 分布式微服务--Nacos持久化
  • linux定时器管理 timer_*系统调用及示例
  • 每日五个pyecharts可视化图表-bars(4)
  • 系统设计入门:成为更优秀的工程师
  • iptables 里INPUT、OUTPUT、FORWARD 三个链(Chain)详解
  • MATLAB实现的机载合成孔径雷达回波生成和处理