JavaScript数据类型

简介: 引入按照传统学习理念,我们在学习一门编程语言的时候,总需要了解一些该语言的数据类型,并且掌握定义他们的办法(python比较智能所以相对来说无所谓)

引入


按照传统学习理念,我们在学习一门编程语言的时候,总需要了解一些该语言的数据类型,并且掌握定义他们的办法(python比较智能所以相对来说无所谓)

本期要介绍的数据类型大致有:

Number

String

Bool

null和undefined

我将以例子的形式与大家一起过一遍这一基础知识点:


1. 数值Number


JavaScript不区分整数和浮点数,统一用Number表示,下面有一些例子:

12345; // 整数12345
0.45678; // 浮点数0.45678
0.1234e3; // 科学计数法表示0.1234x1000,等同于1234
-10; // 负数
NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示
Infinity; // Infinity表示无限大,当数值超过JavaScript的Number所能表示的最大值时,就表示为Infinity

Number可以直接做运算,最简单的就是四则运算了:

1 + 2; // 3
3 * 5 / 2; // 7.5
2 / 0; // Infinity
0 / 0; // NaN

此外还有求余运算等高级一点的运算:

10 % 3; // 1
10.5 % 3; // 1.5


2. 字符串string


字符串类型用单引号或者双引号括起来的任意文本,比如

`abc`
"abc"

请注意,''""本身只是一种表示和定义的方式,不是字符串的一部分,因此,字符串'abc'只有abc这3个字符。


3. 布尔值bool


布尔值就是大家常见的True和False了。同时布尔值可以用布尔代数表示

1代表True

0代表False

true; // 一个true值
false; // 一个false值
5 > 1; // 5大于1,所以返回一个true值
2 >= 9; // 2不大于等于9,所以返回一个false值

正如上面显示的,布尔值一般用在条件判断中

var age = 15;
if (age >= 18) {
    alert('adult');
} else {
    alert('teenager');
}

这串经典的条件判断语句块意思就是,赋值一个变量age为15,然后通过条件判断语句if来判断是不是大于等于18(可以看出这是一个成年与否的判断器),如果是大于等于18的输出一个adult字符串,如果不是则输出一个teenager字符串

是不是把前面的内容都串起来了呢?


4. null和undefined


null表示一个“空”的值

千万不要把它和0以及空字符串''搞混了:

0是一个数值,''表示长度为0的字符串,而null表示的是“什么都没有”。

在JavaScript中,还有一个和null类似的undefined,它表示“未定义”。和python的未定义类似,你如果在python里调用了一个没有赋值过的变量,就会得到undefined未定义报错。js也是,你调用了没定义的函数,那就也会得到undefined提示

其实区分两者的意义不大。大多数情况下,我们见到的都是null

最后祝大家学习顺利

相关文章
|
22天前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
132 59
|
2月前
|
JavaScript
js基础数据类型
js基础数据类型
28 1
|
14天前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
16 2
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-基本数据类型和引用数据类型
关于JavaScript基础知识的文章,主要介绍了基本数据类型和引用数据类型。
34 2
JavaScript基础知识-基本数据类型和引用数据类型
|
2月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
2月前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
138 1
|
2月前
|
JavaScript 前端开发
JS常用数据类型转换(数字型和字符串型之间转换)
JS常用数据类型转换(数字型和字符串型之间转换)
48 2
|
2月前
|
前端开发 JavaScript
Web 前端大揭秘!JS 数据类型检测竟如此震撼,一场惊心动魄的代码探秘之旅等你来!
【8月更文挑战第23天】在Web前端开发中,合理检测数据类型至关重要。JavaScript作为动态类型语言,变量类型可在运行时变化,因此掌握检测技巧十分必要。
27 1
|
2月前
|
存储 前端开发 JavaScript
Web前端的奇幻之旅:探索JS数据类型的奥秘与差异
【8月更文挑战第23天】JavaScript是一种动态类型语言,提供多种内置数据类型支持信息的存储与操作。这些类型对Web前端开发者至关重要,直接影响代码性能与可读性。JavaScript数据类型主要分为两大类:原始数据类型(如Undefined、Null、Boolean等)与引用数据类型(如Object、Array等)。原始类型直接存储值,而引用类型存储指向数据的引用。原始类型不可变且存储在栈中,访问更快;引用类型则存储在堆中,可通过其引用进行修改。理解这些差异有助于编写高效、可维护的代码。
34 0
|
2月前
|
存储 JavaScript 前端开发
JavaScript引用数据类型和构造函数的秘密
JavaScript引用数据类型和构造函数的秘密