03-JavaScript基础-数据及数据类型

什么是数据？

• 生活中时时刻刻都在跟数据打交道，比如体重数据、血压数据、股票数据等。在我们使用计算机的过程中，会接触到各种各样的数据，有文档数据、图片数据、视频数据，还有聊QQ时产生的文字数据、用迅雷下载的文件数据等

数据类型

• 数据的分类
  • 静态的数据
    • 概念：静态数据是指一些永久性的数据，一般存储在硬盘中。硬盘的存储空间一般都比较大，现在普通计算机的硬盘都有500G左右，因此硬盘中可以存放一些比较大的文件。
    • 存储的时长：计算机关闭之后再开启，这些数据依旧还在，只要你不主动删掉或者硬盘没坏，这些数据永远都在
    • 哪些是静态数据：静态数据一般是以文件的形式存储在硬盘上，比如文档、照片、视频等。
  • 动态的数据
    • 概念：动态数据指在程序运行过程中，动态产生的临时数据，一般存储在内存中。内存的存储空间一般都比较小，现在普通计算机的内存只有8G左右，因此要谨慎使用内存，不要占用太多的内存空间。
    • 存储的时长：计算机关闭之后，这些临时数据就会被清除。
    • 哪些是动态数据：当运行某个程序（软件）时，整个程序就会被加载到内存中，在程序运行过程中，会产生各种各样的临时数据，这些临时数据都是存储在内存中的。当程序停止运行或者计算机被强制关闭时，这个程序产生的所有临时数据都会被清除。
    • 你可能会问：既然硬盘的存储空间这么大，为何不把所有的应用程序加载到硬盘中去执行呢？有个主要原因是内存的访问速度比硬盘快N倍。
  • 静态数据和动态数据的相互转换
    • 静态数据到动态数据（也就是从磁盘加载到内存。）
  • 动态数据和静态数据的相互转换
    • 如手机拍照片存储到手机的硬盘上
  • 数据的计量单位
    • 不管是静态还是动态数据，都是0和1组成的。0和1如何组成这么多的数据？
    • 数据都有大小，静态数据就会占用硬盘的空间，动态数据就占用内存的空间
    • 数据越大，包含的0和1就越多，比特位和字节

    1 B(Byte字节) = 8 bit(位)
    1 KB(KByte) = 1024 B
    1 MB = 1024 KB
    1 GB = 1024 MB
    1 TB = 1024 GB
    

---

JavaScript数据类型概述

• 作为程序员最关心的是内存中的动态数据, 因为我们写的程序就是在内存中的

• 程序在运行过程中会产生各种各样的临时数据, 为了方便数据的运算和操作, JavaScript对这些数据进行了分类, 提供了丰富的数据类型

• 在JS中一共有六种数据类型

  • String 字符串(基本数据类型)
  • Number 数值(基本数据类型)
  • Boolean 布尔值(基本数据类型)
  • Null 空值(基本数据类型)
  • Undefined 未定义(基本数据类型)
  • Object 对象(引用数据类型)

• 如何查看数据类型?

  • 使用typeof操作符可以用来检查数据类型。
  • 使用格式：typeof 数据，例如 typeof 123; typeof num;

  console.log(typeof 123); // number
  var num = 10;
  console.log(typeof num); // number
  

  • typeof操作符会将检查的结果以字符串的形式返回给我们

  var value= 10;
  // 此时将value的数据类型number以字符串返回给我们, 存入到res变量中
  var res = typeof value; 
  // 此时检查res的数据类型为string, 证明typeof返回给我们的是一个字符串
  console.log(typeof res); // string
  

---

字符串类型

• String用于表示一个字符序列，即字符串
• 字符串需要使用 ’或“ 括起来

var str1 = "hello";
var str2 = `nj`;
var str5 = `hello nj"; // 错误
console.log(typeof str1 ); // string
console.log(typeof str2); // string

• 相同引号不能嵌套，不同引号可以嵌套
  • 双引号不能放双引号，单引号不能放单引号

var str3 = "hello "nj""; // 错误
var str4 = `hello `nj``; // 错误
var str5 = "hello 'nj'"; // 正确
var str6 = `hello "nj"`;// 正确

• 给变量加上引号, 那么变量将变为一个常量

var num = 110;
console.log(num); // 输出变量中的值
console.log("num"); // 输出常量num

---

Number类型

• 在JS中所有的数值都是Number类型(整数和小数)

var num1= 123;
var num2= 3.14;
console.log(typeof num1); // number
console.log(typeof num2); // number

• 由于内存的限制，ECMAScript 并不能保存世界上所有的数值

  • 最大值：Number.MAX_VALUE

    console.log(Number.MAX_VALUE);  // 1.7976931348623157e+308
    

  • 最小值：Number.MIN_VALUE

    console.log(Number.MIN_VALUE);  // 5e-324
    

  • 无穷大：Infinity, 如果超过了最大值就会返回该值

    console.log(Number.MAX_VALUE + Number.MAX_VALUE); // Infinity
    

  • 无穷小：-Infinity, 如果超过了最小值就会返回该值

     console.log(typeof Infinity); // number
     console.log(typeof -Infinity); // number
    

  • NaN 非法数字（Not A Number）,JS中当对数值进行计算时没有结果返回，则返回NaN

    var num3 = NaN;
    console.log(typeof num3); // number
    

• Number类型注意点

  • JS中整数的运算可以保证精确的结果

  var sum1 = 10 + 20;
  console.log(sum1); // 30
  

  • 在JS中浮点数的运算可能得到一个不精确的结果

  var sum1 = 10.1 + 21.1;
  console.log(sum1); // 31.200000000000003
  

---

Boolean 布尔值

• 布尔型也被称为逻辑值类型或者真假值类型
• 布尔型只能够取真（true）和假（false）两种数值

var bool1 = true;
var bool2 = false;
console.log(typeof bool1); // boolean
console.log(typeof bool2); // boolean

• 虽然Boolean 类型的字面值只有两个，但 ECMAScript 中所有类型的值都有与这两个 Boolean 值等价的值
  • 任何非零数值都是true, 包括正负无穷大, 只有0和NaN是false
  • 任何非空字符串都是true, 只有空字符串是false
  • 任何对象都是true, 只有null和undefined是false

var bool3 = Boolean(0);
console.log(bool3); // false
var bool4 = Boolean(1);
console.log(bool4); // true
var bool5 = Boolean(-1);
console.log(bool4); // true
var bool6 = Boolean(Infinity);
console.log(bool4); // true
var bool7 = Boolean(-Infinity);
console.log(bool4); // true
var bool8 = Boolean(NaN);
console.log(bool8); // false
var bool9 = Boolean(undefined);
console.log(bool8); // false
var bool10 = Boolean(null);
console.log(bool8); // false
var bool11 = Boolean("");
console.log(bool8); // false
var bool12 = Boolean("abc");
console.log(bool12); // true

---

Null和Undefined

• Undefined这是一种比较特殊的类型，表示变量未赋值，这种类型只有一种值就是undefined

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

• undefined是Undefined类型的字面量
  • 前者undefined和10, "abc"一样是一个常量
  • 后者Undefined和Number,Boolean一样是一个数据类型
  • 需要注意的是typeof对没有初始化和没有声明的变量都会返回undefined。

var value1 = undefined;
console.log(typeof value); //结果是undefined

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

• Null 类型是第二个只有一个值的数据类型，这个特殊的值是 null
• 从语义上看null表示的是一个空的对象。所以使用typeof检查null会返回一个Object

var test1= null;
console.log(typeof test1);

• undefined值实际上是由null值衍生出来的，所以如果比较undefined和null是否相等，会返回true

var test1 = null;
var test2 = undefined;
console.log(test1 == test2);
console.log(test1 === test2);

---

学习交流方式:
1.微信公众账号搜索: 李南江(配套视频,代码,资料各种福利获取)
2.加入前端学习交流群:
302942894 / 289964053 / 11550038