web 数据类型

最新推荐文章于 2024-06-17 16:42:40 发布

BloggerM

最新推荐文章于 2024-06-17 16:42:40 发布

阅读量1.2k

点赞数 1

分类专栏：前端JavaScript 文章标签：前端 javascript html

本文链接：https://blog.csdn.net/HTML_Z/article/details/123395033

版权

本文介绍了JavaScript中的数据类型，包括Number、String、Boolean、Undefined和Null等简单数据类型，详细讲解了数字型的进制、范围及特殊值，字符串的转义符、长度和拼接，以及如何获取变量的数据类型和进行数据类型转换。通过实例展示了如何进行数字型转换，如计算年龄和实现简单加法器。

摘要由CSDN通过智能技术生成

数据类型

目标

能够说出 5 种简单数据类型
能够使用 typeof 获取变量的类型
能够说出 1 - 2 种转换为数值型的方法
能够说出 1 - 2 种转换为字符型的方法
能够所处什么是隐式转换

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

    <script>
      // var num; // 这里的num 我们是不确定属于哪种数据类型的
      var num = 10; // num 属于数字型
      // js 的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的
      var str = "pink"; // str 属于字符串类型
    </script>

在代码运行时，变量的数据类型是由 JS 引擎根据 = 右边变量的数据类型来判断的，运行完毕之后，变量就确定了数据类型。

JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型。

    <script>
      var num = 6; // num 为数字类型
      num = "bill"; // num 为字符串类型
      console.log(typeof num);
    </script>

1.3 数据类型的分类

JS 把数据类型分为两类：

简单数据类型（Number、String、Boolean、Undefined、Null）
复杂数据类型（Object）

2. 简单数据类型

2.1 简单数据类型（基本数据类型）

JavaScript 中的简单数据类型及其说明如下：

简单数据类型	说明	默认值
Number	数字型，包含整型值和浮点型值，如：21、0.21	0
Boolean	布尔值类型，如：true、false，等价于 1 和 0	false
String	字符串类型，如：“张三” 注意咱们 js 里面，字符串都带引号	“”
Undefined	var a; 声明了 a 但是没有给值，此时 a = undefined	undefined
Null	var a = null; 声明了变量 a 为空值	null

2.2 数字型 Number

JavaScript 数字类型既可以用来保存整数值，也可以保存小数（浮点数）。

    <script>
      var age = 21; // 整数
      var age = 21.3734; // 小数
    </script>

1. 数字型进制

最常见的进制有二进制、八进制、十进制、十六进制。

    <script>
      // 1. 八进制 0~7 我们程序里面数字前面加0 表示八进制
      var numl = 010;
      console.log(numl); // 010 八进制 转换为 10进制 就是 8
      var num2 = 012;
      console.log(num2); // 10
      // 2. 十六进制 0~9 a~f 数字的前面加 0x 表示十六进制
      var num3 = 0x9;
      console.log(num3); // 9
      var num4 = 0xa;
      console.log(num4); // 10
    </script>

现阶段我们只需要记住，在 JS 中八进制前面加 0，十六进制前面加 0x

2. 数字型范围

JavaScript 中数值的最大和最小值

    <script>
      // 数字型的最大值
      console.log(Number.MAX_VALUE); // 1.7976931348623157e+308
      // 数字型的最小值
      console.log(Number.MIN_VALUE); // 5e-324
    </script>

最大值：Number.MAX_VALUE，这个值为：1.7976931348623157e+308
最小值：Number.MIN_VALUE，这个值为：5e-324

3. 数字型三个特殊值

    <script>
      // 无穷大
      console.log(Number.MAX_VALUE * 2); // Infinity
      alert(Infinity); // Infinity
      // 无穷小
      console.log(-Number.MIN_VA