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

2022-03-08 04:15:52

什么是数据？

  • 生活中时时刻刻都在跟数据打交道，比如体重数据、血压数据、股票数据等。在我们使用计算机的过程中，会接触到各种各样的数据，有文档数据、图片数据、视频数据，还有聊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

上一篇：02-JavaScript基础-关键字和标识符


下一篇：07-JavaScript基础-关系运算符和逻辑运算符