2021-04-03

数据类型:便于把数据分成所需内存大小不同的数据,充分利用存储空间。

JavaScript是一种弱型或者动态语言,不需要提前声明变量的类型,在运行过程中类型会被自动确定。在代码运行过程中,变量的数据类型是由JS引擎根据=右边值的数据类型判断的,运行完毕后变量就确定了数据类型。JavaS拥有动态类型,同时也意味着相同的变量可以拥有不同的类型。

可分为简单数据类型和复杂数据类型。

一、简单数据类型:

1、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>Document</title>
</head>
<body>
    <script>
        //Number型
        //1.八进制 0~7 数字前面加0表示八进制。
        var num1=010;
        console.log(num1);
        //2.十六进制 0~9 a~f #fffff 数字前面加 0x表示16进制。
        var num2=0x9;
        console.log(num2);
        //数组型的最值
        console.log(Number.MAX_VALUE);
        console.log(Number.MIN_VALUE);
        //无穷
        console.log(Number.MAX_VALUE*2);//Infinity 无穷大
        console.log(-Number.MAX_VALUE*2);//-Infinity 无穷小
        //非数字
        console.log('pink'-12);//NaN 非数字
        //判断是否是非数字 是数字返回false 不是数字返回true
        console.log(isNaN(12));
        console.log(isNaN('mun'));
    </script>
</body>
</html>

     2.String型

        String型:引号内的任意文本,JS推荐使用单引号。

                 对于字符串中引号的嵌套,引号配对采用就近原则。因此采用双引号嵌套单引号或者单引号嵌套双引号的形式。

<!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>
<body>
    <script>
        //引号嵌套
        var num1='我是"红领巾"';
        var num2="我是'红领巾'";
        console.log(num1);
        console.log(num2);
        //转义字符  写在引号里面 \开头
        var num3="我爱高数'我爱\n高数'我爱高数";//换行符 n是nweline
        var num4="我爱高数'我爱\\高数'我爱高数";//斜杠\
        var num5="我爱高数'我爱\'高数'我爱高数";//'单引号
        var num6="我爱高数'我爱\"高数'我爱高数";//“双引号
        var num7="我爱高数'我爱\t高数'我爱高数";//tab缩进
        var num8="我爱高数'我爱\b高数'我爱高数";//空格
        console.log(num3);
        console.log(num4);
        console.log(num5);
        console.log(num6);
        console.log(num7);
        console.log(num8);
    </script>
</body>
</html>

      字符串拼接:

<!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>
        //1.检测获取字符串长度
        var len='my name is xiaomming';
        console.log(len.length);
        //2.字符串拼接 字符串+任何类型=新字符串
        var age=18;
        var str='love';
        console.log(age+str);
        console.log(12+'12');//“+”数字相加,字符相连

        var cost =230;
        console.log('每天花费'+cost+'元');
    </script>
</head>
<body>
    
</body>
</html>

3.Boolen+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>
        /*-----------------boolen----------------- */
        var num1 = false,nun2=true;
        console.log(num1+3);//boolen参与数值运算。
        /*------------------undefined---------------*/
        var num2;
        console.log(num2);//变量为赋值为undefined类型
        var num3 = undefined;
        console.log(num3+'ping');//结果为underfinedping
        console.log(num3+4);//结果为NaN
        /* -------------------null-------------------*/
        var num4 = null;
        console.log(num4+'ping');//nullping
        console.log(num4+2);//2
    </script>
</head>
<body>
    
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值