03-数据类型

77 阅读2分钟

数据类型

  • 计算机世界中的万事万物都是数据

  • 计算机程序可以处理大量数据,为什么要给数据分类?

    • 更加充分和高效的利用内存

    • 也更加方便程序员的使用数据

JS数据类型整体分为两大类:

  • 基本数据类型(简单数据类型)
  • 引用数据类型(复杂数据类型)

基本数据类型:

  • number 数字型
  • string 字符串型
  • boolean 布尔型
  • undefined 未定义类型
  • null 空类型

引用数据类型:

  • object 对象
  • function 函数
  • array 数组

一、数字类型(number)

即我们数学中学习到的数字,可以是整数、小数、正数、负数

image-20221002155132750

JavaScript 中的正数、负数、小数等 统一称为 数字类型

二、字符串类型(string)

通过单引号('')、双引号("")或反引号(`)包裹的数据都叫字符串,单引号和双引号没有本质上的区别,推荐使用单引号。

image-20221002160225430

注意事项:

  1. 无论单引号或是双引号必须成对使用
  2. 单引号/双引号可以互相嵌套,但是不可以自己嵌套自己(外单内双或者外双内单)
  3. 必要时可以使用转义符\,输出单引号或双引号
  • 字符串拼接

image-20221002161313987

``

<script>
      let age = 19
      console.log('我今年年龄是:' + age)
</script>

模板字符串

1、作用

  • 拼接字符串和变量
  • 在没有它之前,要拼接变量比较麻烦

image-20221002185051632

2、符号

  • ``
  • 在英文输入模式下按键盘TAB键上方那个键(1左边那个键)
  • 内容拼接变量时,用${}包住变量

image-20221002185254720

<script>
      let uname = prompt('请输入您的名字')
      let age = prompt('请输入您的年龄')
      document.write(`我叫${uname}今年${age}岁了`)
</script>

三、布尔类型(boolean)

表示肯定或否定时在计算机中对应的是布尔类型数据。

它有两个固定的值true和false,表示肯定的数据用true(真),表示否定的数据用false(假)

四、未定义类型(undefined)

未定义是比较特殊的类型,只有一个值 undefined

什么情况出现未定义类型?

只声明变量,不赋值的情况下,变量的默认值为undefined ,一般很少直接为某个变量赋值undefined

image-20221002191554678

工作中使用场景:

开发时经常声明一个变量,等待传送过来的数据。

如果我们不知道这个数据是否传递过来,此时我们可以通过检测这个变量是不是undefined,就判断用户是否有数据传递过来。

五、空类型(null)

null 表示值为空

null 和 undefined 区别:

  • undefined 表示没有赋值
  • null 表示赋值了,但是内容为空

null 开发中的使用场景:

  • 官方解释:把null作为尚未创建的对象

  • 大白话:将来有一个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null