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

更新中......

相关推荐
共享家95276 小时前
搭建 AI 聊天机器人:”我的人生我做主“
前端·javascript·css·python·pycharm·html·状态模式
智码未来学堂7 小时前
探秘 C 语言算法之枚举:解锁解题新思路
c语言·数据结构·算法
Halo_tjn7 小时前
基于封装的专项 知识点
java·前端·python·算法
摘星编程7 小时前
OpenHarmony环境下React Native:自定义useTruncate文本截断
javascript·react native·react.js
Duang007_8 小时前
【LeetCodeHot100 超详细Agent启发版本】字母异位词分组 (Group Anagrams)
开发语言·javascript·人工智能·python
青桔柠薯片8 小时前
数据结构:顺序表与链表
数据结构·链表
金枪不摆鳍9 小时前
算法--二叉搜索树
数据结构·c++·算法
2601_949868369 小时前
Flutter for OpenHarmony 电子合同签署App实战 - 主入口实现
开发语言·javascript·flutter
m0_748229999 小时前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
向哆哆10 小时前
画栈 · 跨端画师接稿平台:基于 Flutter × OpenHarmony 的整体设计与数据结构解析
数据结构·flutter·开源·鸿蒙·openharmony·开源鸿蒙