JavaScript数据类型

最新推荐文章于 2022-12-22 17:37:08 发布

WangZhang_521

最新推荐文章于 2022-12-22 17:37:08 发布

阅读量1.5k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/WangZhang_521/article/details/122692708

版权

本文详细探讨了JavaScript中的数据类型，包括变量的数据类型、Number、String、Boolean等简单数据类型的特性与用法，如isNaN、字符串拼接、布尔转换等，并介绍了如何获取变量的数据类型。此外，还涉及到了编译语言与解释语言的区别以及标识符、关键字和保留字的相关概念，是学习JavaScript基础知识的宝贵资料。

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

01-变量的数据类型

<!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>
    <script>
        var num; // 这里的num是不确定属于哪种数据类型的
        var num = 10; // 从这可以看出num属于数字型
        // js的变量数据类型只有程序在运行过程中，根据等号右边的值来确定的
        var str = 'pink'; //str字符串型
        // js是动态语言，变量的数据类型是可以变化的
        var x = 10; //x是数字型
        x = 'pink'; //x是字符串型
    </script>
</head>

<body>

</body>

</html>

02-简单数据类型之数字型Number

<!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>数字型Number</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.无穷大　infinity
        console.log(Number.MAX_VALUE * 2);
        // 6.无穷小 -infinity
        console.log(-Number.MIN_VALUE * 2);
        // 7.非数字
        console.log('pink老师' - 100);
    </script>
</head>

<body>

</body>

</html>

效果展示

在这里插入图片描述

03-isNaN

<!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>
    <script>
        // isNaN()这个方法用来判断非数字 并且返回一个值 如果是数字，返回的是false 如果不是数字 返回的是true
        console.log(isNaN(12)); //false
        console.log(isNaN('pink老师')); //true
    </script>
</head>

<body>

</body>

</html>

04-简单数据类型之字符串型

<!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>
    <script>
        // 'pink' 'pink老师' 'true' 12是数字型的，加了引号后就是字符串类型的 '12'
        var str = '我是一个"高富帅"的程序员';
        console.log(str);
        // 字符串转义字符 都是用\开头 并且包含在引号里面
        var str1 = "我是一个'高富帅'的\n程序员";
        console.log(str1);
    </script>
</head>

<body>

</body>

</html>