JavaScript 入门基础 - 变量 数据类型（二）_为什么javascript中最小值乘2为无穷小

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

JavaScript 入门基础 - 变量 / 数据类型（二）

---

文章目录

• JavaScript 入门基础 - 变量 / 数据类型（二）
• 1.变量
• • 1.1 什么是变量
    • 1.2 变量在内存中的存储
    • 1.3 变量的使用
    • 1.4 变量语法扩展
    • • 1.4.1 更新变量
        • 1.4.2 声明多个变量
        • 1.4.3 声明变量的特殊情况
    • 1.5 变量命名规范
    • 1.6 js输入输出语句
    • 1.7 案例
• 2. 数据类型
• • 2.1 数据类型简介
    • • 2.1.1 为什么需要数据类型
        • 2.1.2 变量的数据类型
        • 2.1.3 数据类型的分类
    • 2.2 简单数据类型
    • • 2.2.1 简单数据类型(基本数据类型)
        • 2. 2.2 数字型 Number
        • 2.2.3 字符串型 String
        • 2.2.4 布尔型 Boolean
        • 2.2.5 Undefined和NULL
    • 2.3 获取变量数据类型
    • 2.4 字面量
    • 2.5 数据类型转换
    • 2.6 简单加法器案例
    • 2.7 数组
    • • 2.7.1 什么是数组
        • 2.7.2 创建数组的方式
        • 2.7.3 数组的索引
        • 2.7.4 遍历数组
        • 2.7.5 数组的长度
        • 2.7.6 冒泡排序
    • 2.8 JSON
    • • 2.8.1 JSON是什么
        • 2.8.2 JSON语法规则
        • 2.8.3 访问对象的值
        • 2.8.4 删除对象属性
        • 2.8.5 JSON循环遍历
        • 2.8.6 JSON字符串转换为 JavaScript 对象

---

1.变量

1.1 什么是变量

变量是用于存放数据的容器，我们可以通过变量名获取存储在里面的数据，甚至可以修改，通俗来讲变量就是一个装东西的盒子。

1.2 变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间，类似一个房间，就可以看做是一个变量。

1.3 变量的使用

变量的使用分为两步：第一步声明变量，第二步赋值。

1.声明变量：声明一个a变量。

var age;// 声明一个age变量

• var是一个JS关键字，用来声明变量(variable)。使用该关键字声明变脸后，计算机会自动为变量分配内存空间，不需要干预。
• age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。

2.赋值

age = 18;// 给age 这个变量赋值为18

• = 用来把右边的值赋值给左边的变量空间中，此处为赋值的意思。
• 变量值是程序员保存到变量空间的值。

1.4 变量语法扩展

1.4.1 更新变量

一个变量被重新赋值后，它原有的值就会被覆盖，变量值将最后一次赋的值为准。

var name = "古力娜扎";
name = "迪丽热巴";
console.log(name);// 输出结果为 迪丽热巴

1.4.2 声明多个变量

同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开。

var name = "小明", age = 18, gender = "男";

1.4.3 声明变量的特殊情况

1. 只声明变量不赋值输出的结果是undefined(未定义的)，因为程序不知道里面存了什么

var age;
console.log(age); // 结果是undefined

2. 不声明、不赋值直接使用变量会报错

console.log(age);

3. 不声明直接赋值使用

age = 19;
console.log(age);// 结果为19

1.5 变量命名规范

• 有字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号($)组成
• 严格区分大小写
• 不能以数字开头，18age 是错误的命名方式
• 不能 是关键字、保留字。例如：var、let、for、while
• 变量名必须具有意义
• 遵守驼峰命名法，首字母小写，后面单词首字母需要大写。myName
• 翻译网站：有道、百度翻译

1.6 js输入输出语句

为了方便信息的输入输出，js中提供了一些输入输出语句，常用如下：

• alert：浏览器弹出警示框。
• console.log(msg):浏览器控制台打印输出信息。
• prompt(info)：浏览器弹出输入框，用户可以输入。

alert('我爱js');	// 弹出警示框
console.log('Hello,world');	// 控制台打印信息
prompt('请输入密码');	// 弹出输入框

1.7 案例

要求：交换两个变量的值（用一个临时变量 用来做中间存储）

var temp;
var ball1 = '羽毛球';
var ball2 = '篮球';
temp = ball1;
ball1 = ball2;
ball2 = temp;
console.log(ball1);
console.log(ball2);

2. 数据类型

2.1 数据类型简介

2.1.1 为什么需要数据类型

在计算机中，不同的数据类型所占用的数据空间是不同的，所以为了便于把数据分成所需内存大小不同的数据，使空间不被浪费，于是定义了不同的数据类型。

简单说数据类型就是数据的类别型号。如：张三、19、age。

2.1.2 变量的数据类型

变量是一种存储空间，它们有名字和类型，变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。js是一种弱类型的语言，意味着不需要声明变量的类型，在程序运行过程中，类型会被自动确定

var age = 10；// 数字型
var sayOk = '是的'; // 字符串型

注：在代码运行时，变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型

js拥有动态类型，相同的变量可用作不同的类型：

var x = 10;	// 数字型
var x = '天将降大任于斯人也';	// 字符串类型

2.1.3 数据类型的分类

JS 把数据分为两类：

• 简单数据类型(Null、Undefined、String、Number、Boolean)
• 复杂数据类型(Object)

2.2 简单数据类型

2.2.1 简单数据类型(基本数据类型)

JavaScript 中的简单数据类型及其说明如下：

2. 2.2 数字型 Number

JavaScript 数字类型既可以用来保存整数值，也可保存小数（浮点数）。

var age = 19; // 整数
var Pi = 3.1415926; // 小数

1. 数字型进制

最常见的进制：二进制、八进制、十进制、十六进制。

//1.八进制数字序列范围：0~7
var num1 = 07;	// 对应十进制的7
var num2 = 019;	// 对应十进制的19
var num3 = 08;	// 对应十进制的8
//2.十六进制数字序列范围：0~9以及A~F
var num = 0xA;

2. 数字型范围

​ JavaScript中的数值的最大值和最小值

alert(Number.MAX\_VALUE);	// 1.7976931348623157e+308
alert(Number.MIN\_VALUE);	// 5e-324

3. 数字型三个特殊值

alert(Infinity);	// 代表无穷大
alert(-Infinity);	// 代表无穷小
alert(NaN);	// Not a Number 代表一个非数值

4. isNaN()

这个方法是用来判断非数字，并且返回一个值，如果是数字返回的是 false 如果不是数字返回的是true。

console.log(isNaN(555)); // false

2.2.3 字符串型 String

1. 字符串引号嵌套
   字符串型数据是用来表示文本数据的，有字母、数字、汉字或其他特殊字符构成，在使用过程中必须用单引号或双引号括起来，单双引号可以互相嵌套，但不能交叉使用。

var strMy1 = "我爱中国";	// 使用双引号
var strMy2 = '欢迎来到javascript的世界';// 使用单引号
var strMy3 = "孔子曰:'三人行必有我师焉'"; // 嵌套使用

单引号和双引号交叉使用是错误的：

var strMy = '欢迎来到"javascript'的世界";	// 错误写法

同时双引号与双引号不能互相嵌套使用，单引号与单引号之间同理：

var Str1 = '欢迎来到'javascript'的世界';	// 错误写法
var Str2 = "欢迎来到"javascript"的世界";	// 错误写法

2. 字符串长度获取
   字符串长度是指组成字符串的若干字符的数量，通过length属性可以获取整个字符串的长度。

var strMy = "我亦无他，唯手熟尔";
alert(strMy.length); // 获取字符串的长度，显示9

3. 字符串拼接
   多个字符串可以用 + 进行拼接：

console.log('前端' + '程序员'); // 前端程序员
console.log('小明' + 18); // 小明18

注：只要有字符串类型和其他类型拼接，结果都是字符串类型

2.2.4 布尔型 Boolean

布尔型也叫逻辑型，只有两个值，即逻辑真和逻辑假。分别用true和false来表示，程序中也可以用非0数值和数值0表示 true 和 false，当把true 和 false转换为数值时，分别是1 和 0。

布尔型常用于判断语句中

var n = 1;
console.log(n == 1); // true

2.2.5 Undefined和NULL

undefined指的是未定义类型的变量，表示这个变量还没有赋值

var age;
alert("此时的变量类型为" +age);

执行结果如下：

NULL表示空值，用于定义空的或者不存在的引用。

var vari = null;
console.log(19 + vari); // 19
console.log(true + vari); // 1

注：NULL和Undefined的区别是NULL表示一个变量赋予了一个空值，而undefined则表示该变量没有被赋值。

2.3 获取变量数据类型

变量数据类型我们通过typeof来获取:

var num = 18;
console.log(typeof num); // number
var str = '通过typeof获取变量类型';
console.log(typeof str); // string

2.4 字面量

字面量是在源代码中一个固定的表示法，表示如何表达这个值

• 字符串字面量：‘前端’，“程序员”
• 数字字面量：4,9,7
• 布尔字面量：true，false

2.5 数据类型转换

通俗来说就是把一种数据类型的变量转换成另外一种数据类型，通常有3种方式实现转换：

• 转换为字符串类型
  

![img](https://img-blog.csdnimg.cn/img_convert/8ed3c5d2febff6e28f4e0d601691048a.png)
![img](https://img-blog.csdnimg.cn/img_convert/253ed4f829c0ddf4d831a0ee5c3c5fa8.png)
![img](https://img-blog.csdnimg.cn/img_convert/faf1b2e0c57122103dba4497363cde61.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.youkuaiyun.com/topics/618545628)**

### 2.5 数据类型转换


通俗来说就是把一种数据类型的变量转换成另外一种数据类型，通常有3种方式实现转换：


* 转换为字符串类型  
 ![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/20496d6ae0daeb7f14ad3c1b86fba557.png)

[外链图片转存中…(img-KoVynIr3-1715676030830)]
[外链图片转存中…(img-HwI2AmC1-1715676030830)]
[外链图片转存中…(img-33ifOrNJ-1715676030831)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化资料的朋友，可以戳这里获取