跳到主要内容

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