JavaScript数据类型

数据类型:根据数据的特征，功能分为不同的数据类型 不同的数据类型有不同的操作

1. 数据类型的分类

六大数据类型：五种基本数据类型和一个特殊类型
五种基本数据类型
            number 数值类型   10 40 60
      string 字符串类型  "123" "1000" '123'
      boolean  布尔类型   true|false
      undefined 未定义
      null  空对象
 一种特殊类型(复合类型 对象类型 引用类型)
          object  对象类型   {'name':'李四',age:20}
      array    数组      [10,20,30,40]
      function  函数     function(){}

2 typeof

• 作用：检测数据类型

• 语法：typeof(检测的数据) typeof 检测的数据

 <script>
        // 检测number类型
        var a = 10;
        // 1.typeof(检测的数据)  返回检测结果
        console.log(  typeof(a) );//number
        // 2.typeof 检测数据
        console.log( typeof a );//number

        var s1 = "ertyuiopdfghjkl";
       console.log(  typeof s1 );//string

       console.log(typeof(123),1);//number 1
       console.log(typeof("123"),"检测数据");//string "检测数据"
    </script>

3 number数值

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

•  <script>
          // number数值类型:整数  小数  负数  8进制 16进制  NaN
          // 1.整数
          var a = 10;
          console.log(a, typeof (a));//10 'number'
          // 2.小数
          var n1 = 3.1415926;
          console.log(n1, typeof (n1));//3.1415926 'number'
  
          var n2 = .5;
          console.log(n2, typeof (n2));//0.5 'number'
  
          var n3 = 5;
          console.log(n3, typeof (n3));// 'number'
  
          // 3.NaN  not a number 不是一个数  运算得不到正确的结果的时候
          var n7 = 10 / "你好";
          console.log(n7, typeof (n7));//NaN 'number'
  
          // 在js中 == 意思是左边的是否和右边的相等  如果相等返回true 否则返回false
          console.log(1 == 2);//false
          // 任意两个NaN都不相等
          console.log(NaN == NaN);//false
  
  
          /*------------------------------了解-----------------------------*/
          // 浏览器是显示10进制的数
          //4. 8进制:以0开头 范围在0-7之间
          var n4 = 070;
          console.log(n4, typeof (n4));//56
  
          var n5 = 0771;
          console.log(n5, typeof (n5));//505
  
          // 5. 16进制  以0x开头  范围0-9  a-10 b-11 c-12 d-13 e-14 f-15
          var n6 = 0xff;
          console.log(n6, typeof (n6))
  
  
          // 6.小数在运算的时候会精度缺失
          //是因为计算机在计算的时候 是先将数转换为二进制进行计算，在转换过程中出现精度缺失
          var n8 = 0.1 + 0.2
          console.log(n8);//0.30000000000000004
          console.log(n8 == 0.3);//false  不要把小数运算作为判断条件 是不会影响代码的执行的
      </script>

• NaN not a number 不是一个数

• // 3.NaN  not a number 不是一个数  运算得不到正确的结果的时候
          var n7 = 10 / "你好";   //   / 除  *乘
          console.log(n7, typeof (n7));//NaN 'number'

  4 .string字符串

  string字符串:引号引起来的都是字符串 ("" '')，==所有从页面中获取的聂荣都是字符串类型==

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

• 字符串[下标] ：获取对应下标的字符 下标都是从0开始

• 字符串.charAt(下标) 获取对应下标的字符

• 字符串遇到+ 会拼接

 <script>
        // 1.string类型  用引号引起来的都是string类型
        var s1 = "123";
        console.log(s1,typeof(s1));// "123" "string"
        var s2 = "0711web";
        console.log(s2,typeof(s2));// "0711web" "string"

        var s3 = "中公教育软件学员2022年0711web";

        // 2.字符串.length  获取字符串的长度
        console.log( s1.length );//3

        console.log( s2.length);//7

        //3.字符串[下标]   获取对应下标的字符  下标都是从0开始
         var res =   s1[1];
         console.log(res);//2

         var res1 = s2[4];
         console.log(res1)//w
         console.log( s3[3]);//育

        //4.字符串.charAt(下标)  获取对应下标的字符
        var res2 =   s3.charAt(0);
        console.log(res2);//中

        console.log(s3.charAt(7));//员


        //5.字符串遇到+ 会拼接
        console.log(1 + 1);//2
        console.log(1 + '1');//"11" 是字符串的类型11
        console.log(10 + 5 + '30');//"1530"
        console.log( "30"+ 10 + 5);// "3010" + 5 = "30105"
        console.log(10 + "30" + 5);// "10305"

    </script>

 

boolean布尔类型

  <script>
        // boolean类型  true和false
        var b1 = true;
        console.log(b1,typeof(b1));// true "boolean"
        var b2 = false;
        console.log(b2,typeof(b2));// false "boolean"
    </script>

6 null与undefined

1 undefined

undefined未定义   去拿快递 但是没有你的快递包裹

var b = undefined;
console.log(b,typeof(b));// undefined "undefined"   

2 null

null   空对象     快递员给了你一份空包裹

var a  = null;
console.log(a,typeof(a));// null "object"    

• ==null和undefined有什么区别==

•  undefined 未定义 声明变量但没有赋值，没有存储空间
   null 空对象，有存储空间(值为空)