JavaScript之 数据类型 与 变量

简介: JavaScript之 数据类型 与 变量

JavaScript之 数据类型 与 变量

1.原始数据类型


1数值型 :

JavaScript中的数值包含整数和浮点数,所有数值都以双精度浮点型来表示。

双精度浮点数可以表示-2的53次方到2的53次方的整数,也可以表示为正负1.7976的10的308次方的最大值和正负2.2250乘以10的-308次方的浮点数


十进制数 12 、1.2、-23、.222e33、-1.3e3、3.E-2、12e+20

十六进制 0x0 0XABCDEF 0x1a2b3c4d

image.png

八进制数 00 0123 0241234

image.png


****2特殊值

Infinity无穷大:当一个数值或数值表达式的值超出了可表示的最大值的范围,将被赋值为Infinity。可以有无穷大Infinity,也可以有无穷小-Infinity

image.png

NaN NaN代表Not a Number。当一个Undefined表达式的结果为数值型数据时,该数值型就是NaN值。

NaN是唯一一个不能和自身做比较的值

image.png


2.字符串型

定界符 “”|’’

转义符 \n->回车换行

\r->换行

\t->水平制表符

“->”

‘->’

\->

(注释:->代表的意思)

image.png


3.布尔类型

true|false

image.png

2.复合数据类型

对象(object)

数组(array)

函数(function)


3.特殊数据类型


无定义数据类型undefined:undefined用来表示不存在的值或者尚未赋值的变量。对一个变量只声明不赋值或者赋予一个不存在的属性值,都会使这个变量的值为Undefined

image.png

空值null:null表示空值,表示什么都没有,相当于一个占位符。

null和undefined的区别就是undefined表示变量未被赋值,而null表示变量被赋予了一个空值

image.png


4.变量


声明变量:

通过var关键字声明变量

可以声明变量的同时给变量赋值

可以一次声明一个变量也可以一次声明多个看变量

如果只声明变量未对其赋值,默认值为undefined

如果变量重名产生覆盖


注意-》变量严格区分大小写斜体样式

变量名称不要包含特殊字符

变量名称最好遵循驼峰标记法或者下划线法

变量名称最好含义明确

image.png

变量在内存中的存储与释放

收集方式

收集内容

回收算法


5.类型转换


隐式转换

转换成布尔类型假

undefined->false

null->false

数值型0或0.0或NaN->false

字符串长度为0->false

其它对象->true

image.png

转换为数值型数据

undefined->NaN

null->0

true->1|false->0

内容为数字->数字,否则转换成NaN

其它对象->NaN

image.png

转换为字符串型数据

undefined->“undefined”

null->“null”

true->“true” false->“false”

数值型->NaN、0或者与数值对应的字符串

其它对象->如果存在这个对象则转换为toString()方法的值,否则转换为Undefined

image.png

image.png

image.png

显示转换

转换成数值

Number函数强制转换成数值 : 数值->转换成原来的值、字符串->如果可以解析为数值,则转换成数值;否则转换成NaN或者0、true->1,false->0

、undefined->NaN、null->0

image.png

转换成整型 praseInt()


image.png

转换成浮点型 praseFloat()


注意: Number函数将字符串转换为数值比praseInt函数严格很多。基本上只要有一个字符无法转换成数值,整个字符串就会被转换成NaN

image.png

转换成字符串

通过String函数转换成字符串: 数值->数值本身、字符串->字符串本身、true->“true”,false->“false”、undefined->“undefined”、null->“null”

转换成字符串型 :toString()

image.png

转换成布尔类型

通过Boolean函数强制转换成布尔值: 0、-0->false、NaN->false、空字符串->false、undefined->false、null->false

image.png


目录
相关文章
|
3月前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
144 59
|
3月前
|
JavaScript 前端开发
JavaScript如何判断变量undefined
JavaScript如何判断变量undefined
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-变量的声明提前
关于JavaScript变量声明提前特性的基础知识介绍。
51 0
JavaScript基础知识-变量的声明提前
|
11天前
|
存储 JavaScript 前端开发
JavaScript中的数据类型以及存储上的差别
通过本文的介绍,希望您能够深入理解JavaScript中的数据类型及其存储差别,并在实际编程中灵活运用这些知识,以提高代码的性能和稳定性。
38 3
|
1月前
|
存储 JavaScript 前端开发
js中的数据类型
JavaScript 中的数据类型包括五种基本类型(String、Number、Undefined、Boolean、Null)和三种引用类型(Object、Array、Function,以及ES6新增的Symbol)。基本类型直接存储值,引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
24 1
|
1月前
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
|
1月前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
|
1月前
|
前端开发 JavaScript UED
如何使用 JavaScript 动态修改 CSS 变量的值?
【10月更文挑战第28天】使用JavaScript动态修改CSS变量的值可以为页面带来更丰富的交互效果和动态样式变化,根据不同的应用场景和需求,可以选择合适的方法来实现CSS变量的动态修改,从而提高页面的灵活性和用户体验。
|
2月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
115 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
3月前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
49 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件