美文网首页
JavaScript基础--数据及数据类型

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

作者: 绚丽多彩的白 | 来源:发表于2020-09-12 18:32 被阅读0次

什么是数据?

  • 生活中无时无刻都在跟数据打交道
    • 例如:人的体重、身高、收入、性别等数据等
  • 在我们使用计算机的过程中,也会接触到各种各样的数据
    • 例如: 文档数据、图片数据、视频数据等

数据分类

  • 静态的数据
    • 静态数据是指一些永久性的数据,一般存储在硬盘中。硬盘的存储空间一般都比较大,现在普通计算机的硬盘都有500G左右,因此硬盘中可以存放一些比较大的文件
    • 哪些是静态数据:静态数据一般是以文件的形式存储在硬盘上,比如文档、照片、视频等。
  • 动态的数据
    • 动态数据指在程序运行过程中,动态产生的临时数据,一般存储在内存中。内存的存储空间一般都比较小,现在普通计算机的内存只有8G左右,因此要谨慎使用内存,不要占用太多的内存空间
    • 哪些是动态数据:当运行某个程序(软件)时,整个程序就会被加载到内存中,在程序运行过程中,会产生各种各样的临时数据,这些临时数据都是存储在内存中的。当程序停止运行或者计算机被强制关闭时,这个程序产生的所有临时数据都会被清除。

JavaScript数据类型概述

  • 作为程序员最关心的是内存中的动态数据, 因为我们写的程序就是在内存中的
  • 程序在运行过程中会产生各种各样的临时数据, 为了方便数据的运算和操作, JavaScript对这些数据进行了分类, 提供了丰富的数据类型
  • 在JS中一共有六种数据类型
    • Number 数值(基本数据类型)
    • String 字符串(基本数据类型)
    • Boolean 布尔(基本数据类型)
    • Undefined 未定义(基本数据类型)
    • Null 空值(基本数据类型)
    • 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
  • 相同引号不能嵌套,不同引号可以嵌套
  • 给变量加上引号, 那么变量将变为一个常量

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);

相关文章

  • JS基础

    JavaScript概述 、 JavaScript基础语法 、 变量和常量 、 数据类型 数据类型转换 、 运算符...

  • 5-javascript基础

    javascript基础 javascript基础类型 基本数据类型:String,boolean,Number,...

  • JS t18

    JavaScript——数据类型 JavaScript共有6种数据类型,其中有5种基础数据类型。 数值型(Numb...

  • javascript 之《内存空间》

    一,javascript数据类型分为: 1,基础数据类型: undefined,null,string,bool...

  • 前端基础搬运工-JavaScript基础模块

    二、JavaScript基础模块 基础部分 1. JS中有哪些数据类型? - [ ] 简单数据类型:Undefi...

  • Javascript 数据类型检测及原理

    前言 数据类型检测是 JavaScript 中既基础又考验原理的知识,如果你对 JavaScript 数据类型检测...

  • Flutter之基本语法一

    一. 基础数据类型 Symbol基础数据类型Symbol 在JavaScript中是将基本数据类型转换为唯一标识符...

  • 1-js对象/数组的深拷贝和浅拷贝

    JavaScript有两种数据类型 基础数据类型(Undefined、Null、Boolean、Number 和 ...

  • 2017-07-03

    0、基础语法 Javascript基础语法包括:变量定义、数据类型、循环、选择、内置对象等。 数据类型有strin...

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

    什么是数据? 生活中无时无刻都在跟数据打交道例如:人的体重、身高、收入、性别等数据等 在我们使用计算机的过程中,也...

网友评论

      本文标题:JavaScript基础--数据及数据类型

      本文链接:https://www.haomeiwen.com/subject/joswektx.html