美文网首页
JavaScript数据类型

JavaScript数据类型

作者: 箩篼 | 来源:发表于2018-11-02 11:36 被阅读0次

    JS中数据类型分为两大类

    • 基本数据类型(5种):
      String 字符串类型
      Number 数值类型
      Boolean 布尔类型
      Null 空值类型
      Undefined 未定义类型
    • 引用类型(1种)
      Object 对象类型

    如何查看数据类型

    • 使用typeof操作符可以用来检查数据类型
    • 格式:typeof 数据 或 typeof (数据)例如:
    console.log(typeof 1);   //number
    console.log(typeof (1)); //number
    var xxx = 234;
    console.log(typeof xxx); //number
    console.log(typeof (xxx));//number
    
    • typeof操作符会将检查的结果以字符串的形式返回给我们
    var res = typeof 222;
    console.log( typeof res); //string
    

    Number类型

    • 在JS中所有的数字类型都统称为Number类型, 没有C语言中int/float/double的概念
        var num1 = 3;
        console.log(typeof num1);   //number
        var num2 = 3.14;
        console.log(typeof num2);   //number
        console.log(typeof 666);    //number
    
    • 如何获取Number类型的取值范围
        console.log(Number.MAX_VALUE);  //最大值
        console.log(Number.MIN_VALUE);  //最小值
        console.log(Number.MAX_VALUE + Number.MAX_VALUE);  //Infinity 无穷大
        console.log(-(Number.MAX_VALUE + Number.MAX_VALUE));  //-Infinity 无穷小
    
    

    注意点:Number类型小数的运算可能得到一个不准确的结果

    var sum1 = 10.1 + 21.1;
    console.log(sum1); // 31.200000000000003
    

    String类型

    格式一:'字符串’(单引号)

    var str1 = 'luodou';
    console.log(typeof str1);
    

    格式二:"字符串"(双引号)

    var str2 = "luodou";
    console.log(typeof str2);
    

    格式三:引号嵌套
    在JS中单引号和双引号可以嵌套

    var str3 = "'luodou'"; //'luodou'
    console.log(str3);
    var str4 = '"luodou"';  //"luodou"
    console.log(str4);
    

    不同类型可以嵌套, 相同类型不能嵌套
    错误写法

    // var str3 = ""lll""; // 错误写法
    // var str3 = ''lll''; // 错误写法
    

    Boolean 布尔类型

    • 布尔型只能够取真(true)和假(false)两种数值
    var flag1 = true;
    var flag2 = false;
    console.log(flag1); //true
    console.log(flag2); //false
    
    • 虽然Boolean 类型的字面值只有两个,但 ECMAScript 中所有类型的值都有与这两个 Boolean 值等价的值(但是也有非零即真的概念, 但是本质是底层做了一次自动类型转换或者我们手动转换)
      • 任何非零数值都是true, 包括正负无穷大, 只有0和NaN是false
      • 任何非空字符串都是true, 只有空字符串是false
      • 任何对象都是true, 只有null和undefined是false
    var bool3 = Boolean(0);
    console.log(bool3); // false
    var bool4 = Boolean(1);
    console.log(bool4); // true
    var bool5 = Boolean(-1);
    console.log(bool4); // true
    var bool6 = Boolean(Infinity);
    console.log(bool4); // true
    var bool7 = Boolean(-Infinity);
    console.log(bool4); // true
    var bool8 = Boolean(NaN);
    console.log(bool8); // false
    var bool9 = Boolean(undefined);
    console.log(bool8); // false
    var bool10 = Boolean(null);
    console.log(bool8); // false
    var bool11 = Boolean("");
    console.log(bool8); // false
    var bool12 = Boolean("abc");
    console.log(bool12); // true
    

    Null和Undefined

    • Null和Undefined这两个类型都代表数据是空的
    • Undefined这是一种比较特殊的类型,表示变量未赋值,这种类型只有一种值就是undefined
    • undefined是Undefined类型的字面量
      • 前者undefined和10, "abc"一样是一个常量
      • 后者Undefined和Number,Boolean一样是一个数据类型
      • 需要注意的是typeof对没有初始化和没有声明的变量都会返回undefined
        var res0 = undefined;
        console.log(res0); //undefined
        var res00;
        console.log(res00);//undefined
    
    • Null 类型是第二个只有一个值的数据类型,这个特殊的值是 null
    • null需要手动设置, 代表是一个空对象
    • 从语义上看null表示的是一个空的对象。所以使用typeof检查null会返回一个Object
    • undefined值实际上是由null值衍生出来的,所以如果比较undefined和null是否相等,会返回true
        var res1 = undefined == null;
        console.log(res1);  //true
        var res2 = undefined === null;
        console.log(res2);  //false
    

    在JS中有两个用于比较是否相等的关系运算符

    • == 判断左右两侧的值是否相等
    • === 判断左右两侧的数据类型是否相等
     // 会自动将字符串转换为Number类型后再判断值是否相等
        var res3 = 123 == "123";
        console.log(res3); // true
        // 不会自动转换, 会取出123的类型和"123"的类型进行比较
        var res4 = 123 === "123";
        console.log(res4); // false
    

    相关文章

      网友评论

          本文标题:JavaScript数据类型

          本文链接:https://www.haomeiwen.com/subject/ebeqxqtx.html