JAVASCRIPT数据类型

prtyaa
prtyaa 2023-12-26 18:11:03 65202
分类专栏： 资讯

1 为什么需要数据类型

在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。

2 变量的数据类型

1

3 数据类型的分类

JS把数据类型分为两类：

简单数据类型（Number，String，Boolean，Undefined，Null）

复杂数据类型（object）

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

2
  • 3.1.1 数字型
  • a)数字型进制
3
  • b)数字型范围
4
  • c)数字型三个特殊值
5

代码样例：

<!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>
        console.log(Number.MAX_VALUE * 2);//无穷大
        console.log(-Number.MAX_VALUE * 2);//无穷小
        console.log('ccc'-100);//NaN
    </script>
</head>
<body>

</body>
</html>
  • 3.1.2 字符串型String
字符串型可以是引号中的任意文本，其语法为双引号""和单引号''
因为HTML标签里面的属性使用的是双引号，JS这里我们更推荐使用单引号
  • a)字符串引号嵌套
JS可以用单引号嵌套双引号，或者用双引号嵌套单引号（外双内单，外单内双）
  • b)字符串转义
类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。 转义符都是\开头的，常用的转义符及其说明如下
6
  • c)字符串长度
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。

代码样例：

<!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 str = 'my name is andy';
        console.log(str.length);
    </script>
</head>

<body>
</body>

</html>
  • d)字符串拼接
多个字符串之间可以使用+进行拼接，其拼接方式为：字符串+任何类型=拼接之后的新字符串
拼接前会把字符串相加的任何类型转成字符串，在拼接成一个新的字符串
7
  • 3.1.3 布尔型Boolean
布尔类型有两个值：true和false，其中true表示真，而false表示假。

代码样例：

<!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 flag = true;
        console.log(flag + 1);
        console.log('Hello'+flag);
    </script>
</head>

<body>
</body>

</html>
  • 3.1.4 Undefined 和 Null
一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时，注意结果)
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>
    <script>
        var str;
        var variable  = undefined;
        console.log(str);
        console.log(variable);

        console.log('Hello' + variable);//输出 Helloundefined
        console.log(variable + 1);//输出 NaN

        var space = null;
        console.log(space + 'Hello');//输出 nullHello
        console.log(space + 1);//输出1

    </script>
</head>

<body>
</body>

</html>

4 typeof获取变量的数据类型

代码样例：

<!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 = 10;
        console.log(typeof num);//输出number
        var str = 'Hello';
        console.log(typeof str);//输出string
        var flag = true;
        console.log(typeof flag);//输出boolean
        var vari = undefined;
        console.log(typeof vari);//输出undefined
        var timer = null;
        console.log(typeof timer);//输出object
    </script>
</head>

<body>
</body>

</html>

5 数据类型转换

使用表单、prompt获取过来的数据默认是字符串型的，此时就不能直接简单的进行加法运算
而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。
  • 其他类型转换为字符串型
  • 其他类型转换为数字型
  • 其他类型转换为布尔型

5.1 其他类型转换为字符串型

8

5.2 其他类型转换为数字型

9

5.3 其他类型转换为布尔型

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=30983
赞同 0
评论 0 条

相关文章

  • javascript的数据类型有几种 2023-12-26 66814 浏览

    javascript语言的每一个值，都属于某一种数据类型。javascript的数据类型，共有9种：值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。引用数据类型：对象(Object)、数组(Array)、函数(Function)。

  • [网页编程]-04 javascript 数据类型 2023-12-27 68249 浏览

    JS中的数据类型number（数字类型的数据）string（字符串类型）boolean（布尔数据类型）object（对象类型）JS中特殊数据类型undefined(未定义)NaN(不是一个数字)notanumbernull(空对象)

    • 关注我们

      信创开放社区公众号二维码

      扫一扫关注公众号

      信创开放社区交流群

      添加我为好友，拉您入交流群！

    添加我为好友，拉您入交流群！

    请使用微信扫一扫!