0
点赞
收藏
分享

微信扫一扫

JavaScript-03-数据类型简介

JamFF 2022-01-25 阅读 81

1、变量的数据类型简介:

变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的
内存中。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会
被自动确定。
数据类型Demo:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 这里的num 我们是不确定属于哪种数据类型的
        // var num; 
        var num = 10; // num 属于数字型 
        // js 的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的
        var str = 'echo'; // str 字符串型
        // js是动态语言 变量的数据类型是可以变化的
        var x = 10; // x 是数字型 
        x = 'pink'; // x 字符串型
    </script>
</head>

<body>

</body>

</html>

1.1 数据类型的分类:

简单数据类型 (Number,String,Boolean,Undefined,Null)
复杂数据类型 (object)

在这里插入图片描述

1.2 数字型 Number

 数字类型既可以用来保存整数值,也可以保存小数(浮点数)。 
数字型三个特殊值:
	Infinity ,代表无穷大,大于任何数值
	-Infinity ,代表无穷小,小于任何数值
	NaN ,Not a number,代表一个非数值



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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var num = 10; // num 数字型 
        var PI = 3.14 // PI 数字型
        // 1. 八进制  0 ~ 7  程序里面数字前面加0 表示八进制
        var num1 = 010;
        console.log(num1); //  010  八进制 转换为 10进制 就是  8 
        var num2 = 012;
        console.log(num2);
        // 2. 十六进制  0 ~ 9  a ~ f    #ffffff  数字的前面加 0x 表示十六进制
        var num3 = 0x9;
        console.log(num3);
        var num4 = 0xa;
        console.log(num4);
        // 3. 数字型的最大值
        console.log(Number.MAX_VALUE);
        // 4. 数字型的最小值
        console.log(Number.MIN_VALUE);
        // 5. 无穷大
        console.log(Number.MAX_VALUE * 2); // Infinity 无穷大  
        // 6. 无穷小
        console.log(-Number.MAX_VALUE * 2); // -Infinity 无穷大
        // 7. 非数字
        console.log('Echo' - 100); // NaN
    </script>
</head>
<body>
</body>
</html>

1.2.1 isNaN():用来判断一个变量是否为非数字的类型,返回 true 或者 false

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // isNaN() 这个方法用来判断非数字   并且返回一个值 如果是数字返回的是 false 如果不是数字返回的是true
        console.log(isNaN(12)); // false
        console.log(isNaN('pink老师')); // true
    </script>
</head>
<body>
</body>
</html>

1.3 字符串型 String

字符串型可以是引号中的任意文本,其语法为 双引号 "" 和 单引号''
JS 可以用单引号嵌套双引号 ,或者用双引号嵌套单引号 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var str = 'Echo';
        console.log(str);
        // 字符串转义字符  都是用 \ 开头 但是这些转义字符写道引号里面
        var str1 = "E\ncho";
        console.log(str1);
    </script>
</head>
<body>
</body>
</html>

1.3.1 字符串转义符

在这里插入图片描述

1.4 布尔型 Boolean

布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假(错)。

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var flag = true; // flag 布尔型 
        var flag1 = false; // flag1 布尔型
        console.log(flag + 1); // true 参与加法运算当1来看
        console.log(flag1 + 1); // false 参与加法运算当 0来看
        // 如果一个变量声明未赋值 就是 undefined 未定义数据类型
        var str;
        console.log(str);
        var variable = undefined;
        console.log(variable + 'Echo'); // undefinedpink
        console.log(variable + 1); // NaN  undefined 和数字相加 最后的结果是 NaN
        // null 空值
        var space = null;
        console.log(space + 'Echo'); // nullpink
        console.log(space + 1); // 1
    </script>
</head>
<body>
</body>
</html>

1.5 Undefined

一个声明后没有被赋值的变量会有一个默认值 undefined 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script>
    var variable;
    console.log(variable); // undefined
    console.log('你好' + variable); // 你好undefined
    console.log(11 + variable); // NaN
    console.log(true + variable); // NaN
</script>
<body>
</body>
</html>

1.6 Null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script>
    // 一个声明变量给 null 值,里面存的值为空
    var vari = null;
    console.log('你好' + vari); // 你好null
    console.log(11 + vari); // 11
    console.log(true + vari); // 1
</script>
<body>
</body>
</html>
举报

相关推荐

0 条评论