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

更新中......

相关推荐
Larcher1 小时前
React Router 不只是页面跳转:从 SPA 路由到权限守卫的完整实践
javascript·后端
Larcher1 小时前
大模型为什么每次回答都不一样?一文搞懂 Temperature、Top K 与 Top P
javascript·后端
用户938515635074 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformer.js 全链路实战
前端·设计模式·typescript
CodeSheep4 小时前
稚晖君公司人事大变动,来了!
前端·后端·程序员
鱼樱前端4 小时前
用 AI 做内容变收入
前端·人工智能·ai编程
eric-sjq5 小时前
10 分钟实战:用 0.6B 本地模型生成中文网页(WanlyFrontend + 编译器全流程)
javascript·机器学习·自然语言处理·html
浮生望5 小时前
React + TypeScript 组件设计进阶:从类型约束到无状态组件的三次进化
前端
To_OC5 小时前
LC 438 找到所有字母异位词:暴力超时后,我靠滑动窗口一招搞定
javascript·算法·leetcode
90后的晨仔5 小时前
Mac 开发 uni-app 终极方案:让安卓模拟器彻底脱离 Android Studio 独立运行
前端·vue.js
白狐_7985 小时前
408数据结构第5章:二叉树遍历序列题——技巧、判断与真题型总结
数据结构