【JavaScript】JavaScript 变量 ④ ( 变量数据类型 | JavaScript 数据类型 | 简单数据类型 | 复杂数据类型 | 数字类型 Number | 数字类型取值范围 )

韩曙亮

发布于 2024-03-12 13:09:42

6440

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

一、 JavaScript 变量数据类型

1、变量数据类型确定

变量的作用是存储数据的 , 是一块内存空间的别名 , 每个变量都有自己的变量名和数据类型 ;

JavaScript 是弱类型或动态类型语言 , 声明变量时不需要指定其类型 , 变量的类型会在变量赋值时自动确定 , 并且变量类型可以在程序执行过程中改变 ;

JavaScript 变量的类型由等号右边的变量值的数据类型确定的 ;

2、代码示例

下面定义了一个 age 变量 , 为其赋值一个 18 , 则该变量是整型数字类型变量 ;

再为 age 赋值字符串 " Tom " , 则该变量的类型就变为了字符串类型 ;

var age = 18;
age = "Tom";

二、 JavaScript 数据类型

JavaScript 的数据类型分为以下 2 大类 :

简单数据类型 : 又称为原始类型 , 是基本数据类型 ;
复杂数据类型 : 又称为对象类型 , 由基本数据类型组合成的复杂类型 ;

1、简单数据类型

简单数据类型包含以下 5 种数据类型 :

Number : 表示数字类型 , 包含整数和浮点数 , 如 : 5 , 1.5 ;

// 声明变量 a 为 整型
var a = 18;
// 声明变量 a 为 浮点型
var a = 18.0;

String : 表示文本数据或字符串 , 如 : “Tom” ;

// 声明变量 a 为 字符串
var a = "Tom";

Boolean : 表示逻辑值 , 只有 true 和 false 两种取值 ;

// 声明变量 a 为 布尔值
var a = false;

Null : 表示空值 , 取值为 null ;

// 声明变量 a 为 空值
var a = null;

Undefined : 表示未定义的值 , 值为 undefined ; 变量被声明但没有赋值 , 该变量的默认值是 undefined ;

// 声明变量 a , 但不赋值 , 该变量默认值为 undefined
var a;

2、数字类型 Number

存储形式

JavaScript 中的 Number 类型是基本数据类型 , 同时用于表示整型和浮点型 ;

JavaScript 语言只有一种数字类型 , 该数字类型是以 64 位浮点数形式存储 , 不会区分整数类型和浮点类型 ;

常见进制

数字类型的常见的进制 :

八进制 : 在数字前面添加 0o , 表示该数字是八进制数据 ; 八进制的数值由 0 ~ 7 的数字组成 ;

// 定义八进制 数字类型 , 下面的数值是 8
var num = 0o10;

十进制 : 默认的进制 ;

// 定义十进制 数字类型 , 下面的数值是 10
var num = 10;

十六进制 : 在数字前面添加 0x , 表示该数字是十六进制数据 ; 十六进制的数值由 0 ~ 9 数字和 A ~ F 的字母组成 ;

// 定义十六进制 数字类型 , 下面的数值是 16
var num = 0x10;

数字类型取值范围

JavaScript 中的 Number 数字类型的取值范围如下 :

最大安全整数为 Number.MAX_SAFE_INTEGER , 该值为

2^{53 - 1}

;

最小安全整数为 Number.MIN_SAFE_INTEGER , 该值为

-2^{53 - 1}

;

超出这个范围的整数可能不会精确表示 ;

        // 数字类型 : 最大值
        let num8 = Number.MAX_SAFE_INTEGER;
        console.log("num8 : " + num8);

        // 数字类型 : 最小值
        let num9 = Number.MIN_SAFE_INTEGER;
        console.log("num9 : " + num9);

数字类型表示精度 : JavaScript 的数字类型使用 IEEE 754 双精度浮点数表示法 , 精度有限 , 不建议使用 Number 数字类型进行大数计算或高精度计算 ;

数字类型特殊数值

数字类型特殊数值 :

Infinity : 正无穷大 , 大于任何数值 ;
-Infinity : 负无穷大 , 小于任何数值 ;
NaN : 非数值 , Not a Number ;

        // 数字类型 : 正无穷大
        let num3 = Infinity;
        console.log("num3 : " + num3);

        // 数字类型 : 负无穷大
        let num4 = -Infinity;
        console.log("num4 : " + num4);

        // 数字类型 : 非数字
        let num5 = NaN;
        console.log("num5 : " + num5);

判断变量是否是数字类型

isNaN() 函数是 JavaScript 中的全局函数 , 用于确定一个值是否是 NaN 值 ;

函数语法 :

isNaN(value)

参数解析 : value 参数是要检测的变量值 ;
返回值解析 :
- 如果 value 是 NaN , 返回 true ;
- 如果 value 是非 NaN 值 , 返回 false ;

代码示例 :

        // 判定是否是 非数字
        console.log(isNaN(NaN)); // true  
        console.log(isNaN(undefined)); // true  
        console.log(isNaN(0)); // false

数字类型代码示例

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数字类型 Number

        // 数字类型 : 整型
        let num1 = 42;
        console.log("num1 : " + num1);

        // 数字类型 : 浮点型
        let num2 = 3.14159;
        console.log("num2 : " + num2);

        // 数字类型 : 正无穷大
        let num3 = Infinity;
        console.log("num3 : " + num3);

        // 数字类型 : 负无穷大
        let num4 = -Infinity;
        console.log("num4 : " + num4);

        // 数字类型 : 非数字
        let num5 = NaN;
        console.log("num5 : " + num5);

        // 数字类型 : 八进制
        let num6 = 0o10;
        console.log("num6 : " + num6);

        // 数字类型 : 十六进制
        let num7 = 0x10;
        console.log("num7 : " + num7);

        // 数字类型 : 最大值
        let num8 = Number.MAX_SAFE_INTEGER;
        console.log("num8 : " + num8);

        // 数字类型 : 最小值
        let num9 = Number.MIN_SAFE_INTEGER;
        console.log("num9 : " + num9);

        // 判定是否是 非数字
        console.log(isNaN(NaN)); // true  
        console.log(isNaN(undefined)); // true  
        console.log(isNaN(0)); // false
    </script>
</head>

<body>
</body>

</html>

执行结果 :