javaScript-变量-数据类型-数据类型的转换

变量 (主要)

为什么要使用变量

  • 因为编程中会存在很多数据操作,多次进行数据操作很麻烦,而且会出错

什么是变量

  • 本质上就是保存数据的容器,用来方便进行数据操作

变量怎么操作

  • 变量的声明操作
    • 格式: var 变量名; - 注意:声明变量必须设置 var!!!

变量的赋值操作

  • 格式:var 变量名; 变量名 = 数据;

  • 同时进行声明和赋值操作

  • 格式: var 变量名 = 数据;

  • 合并多个变量的声明或赋值

    • 格式: var 变量名 1 = 数据 1, 变量名 2, 变量名 3 = 数据; // ....
  • 操作变量实际上就是操作内部保存的数据。

基本数据类型 5 个

数值类型 number

  • 组成
    • 基本数值:生活中的整数和小数
    • 特殊数值:NaN - 非数值
  • 极限值(了解,不需要记忆)
    • 无穷和无限的概念只在生活中存在,是一种理想化的情况
    • 计算机中的编程语言不可能表示出无限的数值位数,是具有最大和最小值的
    • Number.MAX_VALUE 超出了这个最大表示范围后出现 Infinity
    • Number.MIN_VALUE 正数的最小精度

字符串类型 string

  • 特殊的标识方式
    • 成对的英文半角的单引号或双引号
    • 推荐使用单引号进行标识
  • 转义符的使用
    • 转义符的符号: 反斜线 \
    • 作用:
      • 将特殊字符转换为普通字符
      • 将普通字符转换为特殊字符

布尔类型 boolean

组成: true 和 false

  • 用来表示某个结果的真 true 或假 false

undefined 未定义

  • defined 定义
  • 出现在某些操作的默认值中
    • 当变量声明还未赋值时,默认值为 undefined
    • 后面学习的其他语法中也存在默认值为 undefined 的情况
      • 会在后面的内容中依次讲解,最后一天进行小结

null 空

当我们希望主动的将变量中保存的数据清空时,设置为 null 即可

类型检测操作

typeof

  • 使用方式:

    • typeof 数据
    • typeof(数据)
  • 两种方式检测结果没有区别,个人推荐第一种

  • 结果:

    • 字符串形式的类型名称,例如'string' 'number'。。
    • 问题:对 null 的检测结果不准确,是'object',后续会介绍其他方式

变量的交换操作

// 需求:交换str1和str2中保存的数据
var str1 = "我是第一个变量的内容";
var str2 = "我是第二个变量的内容";
// 实现方式,设置一个用来中转数据的变量即可
var temp = str1;
str1 = str2;
str2 = temp;

alert(str1);
alert(str2);

常用的输出方式

  • alert() 普通的弹出提示框
  • console.log() 在控制台中输出内容,非常常用
    • console.log(数据 1, 数据 2, 数据 3.........);
  • confirm() 确认提示框
    • 根据用户选择的确定和取消返回布尔值 true 或 false
  • prompt() 输入提示框
    • 点击确定后,会将输入框中的内容返回,点击取消为空 null
  • document.write() 在文档中输出内容(输出位置为 body 标签内)
    • 设置的 html 标签结构,会被生成为真正的标签

数据类型转换

数值类型

  • 转换失败结果均为 NaN
  • 强制转换:
    • Number(数据);
    • parseInt()
      • 将数据转换为整数
    • parseFloat()
      • 将数据转换为小数
  • 隐式转换:
    • +- 俗称正负号
    • +-*/%

注意:转换失败结果均为 NaN

字符串类型

  • 指的是将其他类型转换为字符串类型

  • 强制转换:

    • 数据.toString()

注意:null 和 undefined 无法使用 数据.toString() 的方式

  • String(数据)

  • 隐式转换(字符串拼接):

    • 字符串和任意类型进行+操作,最终结果都是字符串
      • 通常类型转换时使用''进行操作

注意:任何数据类型与字符串相加 都会变成字符串拼接

包括复杂数据类型 array、 object

布尔类型

  • 转换方式: Boolean(数据)

只需掌握转换结果为 false 的 6 个值即可:

0

NaN

'' //空字符串

null

undefined

false

posted @ 2021-10-11 11:02  __Bowen  阅读(49)  评论(0编辑  收藏  举报