JavaScript 数据结构详解

最近在复习JavaScript的基础知识,和第一次学确实有了很不一样的感受,第一次学的比较浅,但是回头再进行学习的时候,发现有很多遗漏的东西,所以今天想分享一下新学到的知识,后面会一点一点补充更新

JavaScript的数据结构有8个,分别是number string boolean object undefined null 还有es6新增的symbol和bigint,今天主要分享一下null undefined number,其他的等复习完会及时更新的

null:

null是一个独立的数据类型,表示一个空值或者是一个对象没有值

null有几个特殊的用法,操作如下:

1.当使用Number方法来识别null的时候,输出为0

javascript 复制代码
 console.log(Number(null))  //0

2.对null实现一些运算符操作(可以将null当做0来进行计算)

javascript 复制代码
 console.log(2 + null) //2
 console.log(2 * null) //0

undefined:

undefined比较特殊,表示未定义,比如你在生命一个变量,但是没给他赋值的时候,然后检测该变量的类型,输出就是undefined

javascript 复制代码
 let a
 console.log(a) //undefined

1.当使用Number方法来识别undefined的时候,输出为NaN

javascript 复制代码
console.log(Number(undefined)) //NaN

2.对undefined实现一些运算符操作(可以将undefined当做没有值来进行计算)

javascript 复制代码
 console.log(undefined + 2) //NaN
 console.log(undefined * 2) //NaN

3.当使用undefined和null来进行比较的时候,非严格模式下,两者是相等的

javascript 复制代码
console.log(null == undefined) //true
console.log(null === undefined) //false

number:

number是用来表示整数和浮点数已经NaN的数据类型,JavaScript的底层没有整数

1.所有的数字都是使用64位浮点数来进行存储

javascript 复制代码
console.log(1 === 1.0) //true

2.当小数在进行相加的时候,具有误差

javascript 复制代码
console.log((0.3 - 0.2) === 0.1) //false

3.当一个计算的数大于2的53次方,计算就不准确了

javascript 复制代码
console.log(Math.pow(2, 53) === Math.pow(2, 53) + 1) //true

4.当一个数大于2的1024次方,就会溢出,如果小于2的-1075次方,会溢出为0

javascript 复制代码
console.log(Math.pow(2, 1024)) //Infinity
console.log(Math.pow(2, -1075) ) //0

5.+0和-0

在很多情况下+0和-0是一样的,但是只有当他们表示分母的时候,会有不一样的结果

javascript 复制代码
console.log(+0 === -0) //true
console.log(1 / +0 === 1 / -0) //false

6.NaN表示number类型,当对NaN进行幂运算的时候,输出为1,其他情况下都为NaN

javascript 复制代码
console.log(NaN ** 0) //1

7.进制

十进制表示没有前导0的数值,二进制前缀(0b/0B),八进制前缀(0o/0O),十六进制前缀(0x/0X),

特殊情况:

有前导0的数值会被视为八进制,但是如果前导0后面有数字8和9,则该数值被视为十进制。

javascript 复制代码
console.log(099) //99
console.log(088) //88
console.log(077) //63

8.infinity运算

  1. 范围:Infinity大于一切数值(除了NaN),-Infinity小于一切数值(除了NaN)。
javascript 复制代码
console.log(Infinity > -100) //true
console.log(-Infinity < -100) //false
console.log(Infinity > NaN) //false
console.log(-Infinity < NaN) //false
  1. Infinity与undefined计算,返回的都是NaN。
javascript 复制代码
console.log(Infinity + undefined) //NaN
console.log(Infinity - undefined) //NaN
console.log(Infinity * undefined) //NaN
console.log(Infinity / undefined) //NaN
  1. Infinity减去或除以Infinity,得到NaN。
javascript 复制代码
console.log(Infinity - Infinity) //NaN
console.log(Infinity / Infinity) //NaN

4.0乘以Infinity,返回NaN;0除以Infinity,返回0;Infinity除以0,返回Infinity。

javascript 复制代码
console.log(0 * Infinity) //NaN
console.log(0 / Infinity) //0
console.log(Infinity / 0) //Infinity

5.Infinity与null计算时,null会转成0,等同于与0的计算。只用相乘的时候,返回NaN

javascript 复制代码
console.log(Infinity + null) //Infinity
console.log(Infinity - null) //Infinity
console.log(Infinity * null) //NaN
console.log(Infinity / null) //Infinity

更新中......

相关推荐
QQ1__81151751513 分钟前
Spring boot名城小区物业管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
钛态14 分钟前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
一粒黑子15 分钟前
【实战解析】阿里开源 PageAgent:纯前端 GUI Agent,一行JS让网页支持自然语言操控
前端·javascript·开源
独角鲸网络安全实验室17 分钟前
2026微信小程序抓包全解析:从实操落地到合规风控,解锁前端调试新范式
前端·微信小程序·小程序·抓包·系统代理绕过·https证书严格校验·进程隔离
紫微AI17 分钟前
前端文本测量成了卡死一切创新的最后瓶颈,pretext实现突破了
前端·人工智能·typescript
GISer_Jing18 分钟前
AI前端(From豆包)
前端·aigc·ai编程
IT枫斗者18 分钟前
前端部署后如何判断“页面是不是最新”?一套可落地的版本检测方案(适配 Vite/Vue/React/任意 SPA)
前端·javascript·vue.js·react.js·架构·bug
测试修炼手册18 分钟前
[测试技术] 深入理解 JSON Web Token (JWT)
前端·json
AI老李20 分钟前
2026 年 Web 前端开发的 8 个趋势!
前端
里欧跑得慢22 分钟前
15. Web可访问性最佳实践:让每个用户都能平等访问
前端·css·flutter·web