数据类型

181 阅读4分钟

一.数据类型简介

1.1为什么需要数据类型

  • 在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间。于是定义了不同的数据类型
  • 简单来说,数据类型就是数据的类别型号。比如“张三”,年龄18,这些数据的类型是不一样的

1.2变量的数据类型

  • 变量是用来存储值的所在处,他们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定

图片.png

  • 在运行代码时,变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型
  • JavaScript拥有动态类型,同时也意味着相同的变量可用作不同的类型

图片.png

二.简单数据类型

1.3 数据类型

JS把数据类型分为两类:复杂数据类型(object)和简单数据(Number,String,Boolean,Undefined,Null)

1.3.1 简单数据(Number,String,Boolean,Undefined,Null)

  1. JavaScript中的简单数据类型及其说明如下:

图片.png 2. 数字型Number

  • JavaScript数据类型既可以用来保存整数值,也可以保存小数(浮点数)

图片.png

  • 数字型进制

最常见的进制有二进制,八进制,十进制,十六进制

图片.png 现阶段我们只需要记住:在JS中八进制加0,十六进制前面加0x

  • 数字型范围

最大值和最小值

图片.png

  • 数字型三个特殊值 图片.png
  • isNaN()

用来判断一个变量是否为非数字的类型,返回true或者false

图片.png

1.3.2字符串型String

字符串可以是引导中的任意文本,其语法为‘双引号’和‘单引号’

图片.png 因此html标签里面的属性使用的是双引号,JS这里我们更推荐使用单引号

  1. 字符串引号嵌套

JS可以用单引号嵌套双引号,或者双引号嵌套单引号外双内单,外单内双

图片.png 2. 字符串转义符

类似html里面的特殊字符,字符串中也有特殊字符,我们称之为转义符。转义符都是\开头的,常用的转义符及其说明如下:

图片.png 3. 字符串的长度

字符串是由若干个字符组成的,这些字符的数量就是字符串的长度,通过字符串的length属性可以获取整个字符串的长度

图片.png

  1. 字符串拼接 多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串。拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串

图片.png +号总结口诀:数值相加,字符相连

  1. 字符串拼接加强

图片.png

  • 我们经常会将字符串和变量来拼接,因为变量可以很方便的修改里面的值
  • 变量是不能添加引号的,因为加引号的变量会变成字符串
  • 如果变量两侧都有字符串拼接,口诀“引引加加”,删掉数字,变量写加中间

1.3.3布尔型Boolean

布尔类型有两个值:true和false,其中true表示真(对),而false表示假(错)。 布尔型和数字型相加的时候,true的值为1,false的值为0

图片.png

1.3.4Undefined和Null

  • 一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时,注意结果)

图片.png

  • 一个声明变量给null值,里面存的值为空(学习对象时,我们继续研究null)

图片.png

三.获取变量数据类型

3.1

typeof可用来获取检测变量的数据类型

图片.png

3.2字面量

字面量是在源代码中一个固定值的表示法,通俗来说,就是字面量表示如何表达这个值

  • 数字字面量:8,9,10
  • 字符串字面量:‘黑马程序员’,“大前端”
  • 布尔字面量:ture,false

四.数据类型转换

4.1什么是数据类型转换

使用表单,prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型,通俗来说,就是把一种数据类型的变量转换成另外一种数据类型,我们通常会实现3种方式的转换:

  • 转换为字符串类型
  • 转换为数字型
  • 转换为布尔型

4.2转换为字符串

图片.png

  • toString和String()使用方式不一样
  • 三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式,这一种方式也称之为隐式转换 图片.png

4.3转换为数字型(重点)

图片.png

  • 注意parseInt和parseFloat单词的大小写
  • 隐式转换是我们在进行算数运算的时候,JS自动转换了数据类型

图片.png

4.4转换为布尔型

图片.png

  • 代表空,否定的值会被转换为false,如‘’,0,NaN,null,undefined
  • 其余值都会被转换为true

图片.png