数据类型和运算符

1.number类型

• number数值类型：整数、小数、负数、16进制、8进制、NaN

<script>
        //number数值类型：整数、小数、负数、16进制、8进制、NaN
        // 1.整数
        var a = 10;
        console.log(typeof (a));//number
        // 2.小数
        var b = 3.1415926;
        console.log(typeof (b));//number
​
        var d = .5;
        console.log(d, typeof (d));//0.5  number
​
        var e = 5.0;
        console.log(e);//5
        // 3.负数
        var c = -10;
        console.log(typeof (c));//number
        // 4.NaN    not a number 不是一个数  当运算没有结果的时候就是NaN
        var x = NaN;
        console.log(typeof (x));//number
​
        var y = 10 / "你好";
        console.log(y);//NaN
        // 注意：任何两个NaN都不相等  == 判断左右两侧是否相等
        console.log(NaN == NaN);//false
​
        //------------------------了解-------------------
        // 浏览器是显示10进制的数据  如果定义的8进制或者16进制  计算机会自动转成10进制
        //5.8进制数：以0开头 范围在0-7之间
        var x1 = 077;
        console.log(x1);//63
        var x2 = 0566;
        console.log(x2);
        // 6.16进制数据：以0x开头 范围在0-9  a-10 b-11 c-12 d-13 e-14 f-15
        var x3 = 0xff;
        console.log(x3);//255
        // 7.精度缺失 0.1+0.2 == 0.3
        // 计算机在运算的时候，会把数转换二进制数据然后再进行计算 计算结果再转成10进制 转换过程中会造成精度缺少
        console.log(0.1 + 0.2 == 0.3);//false  只要不把小数点计算当成判断条件 是不会影响代码执行的
    </script>

• ==NaN not a number 不是一个数 当运算没有结果的时候就是NaN==

        // 4.NaN    not a number 不是一个数  当运算没有结果的时候就是NaN
        var x = NaN;
        console.log(typeof (x));//number
​
        var y = 10 / "你好";
        console.log(y);//NaN
        // 注意：任何两个NaN都不相等  == 判断左右两侧是否相等
        console.log(NaN == NaN);//false

2.string类型

• string字符串类型：引号( " " ' ')引起来的都是字符串 所有从页面获取的内容都是字符串数据类型

  • 字符串.length：获取字符串的长度

  • 字符串[下标]：.获取字符串中某个字符

  • 字符串.charAt(下标)：获取字符串某个字符

 <script>
        // string类型  引号( " "   ' ')引起来的都是字符串  所有从页面获取的内容都是字符串数据类型
        var str1 = '文字';
        var str2 = "文字1234";
        console.log(typeof str1);//string
        console.log(typeof str2);//string
​
        // 1.获取字符串的长度  字符串.length
        console.log(str1.length);//2
        console.log(str2.length);//6
        // 2.获取字符串中某个字符  字符串[下标] 从左往右开始下标从0开始  取对应下标位置的字符
        console.log(str1[1]);//字
        console.log(str2[4]);//3
        // 3.获取字符串某个字符   字符串.charAt(下标)  获取对应下标位置的字符
        console.log(str1.charAt(0));//文
        console.log(str2.charAt(5));//4
        // 4.字符串遇到+  拼接
        console.log(1 + 1);//2
        console.log("1" + 1);//"11"
        console.log(1 + 2 + "1");//"31"
</script>

3.boolean类型

• boolean布尔类型 true和false

<script>
        var b1 = true;
        var b2 = false;
        console.log(typeof b1, typeof b2);//boolean boolean
        //作用：用作判断条件
        if (false) {//如果判断条件为true 执行{}中的代码
            console.log("真")；
        }
    </script>

4.undefined和null类型

• undefined 未定义 null 空对象

<script>
        /* 
            undefined
                 未定义  你去快递站拿快递  但快递站没有你的包裹  
            null
                 空对象  你去快递站拿快递  快递员给了一个包裹 但是这个包裹是空的
        */
        var odiv = document.getElementsByTagName("div")[0];
        console.log(odiv);//undefined 
​
        /*
            undefined 和null的区别？
                undefined 未定义  声明变量没有赋值  没有存储空间
                null    空对象   有存储空间
        */
    </script>