• 中文
    • English
  • 注册
  • 查看作者
  • 2:JS数据类型和类型转换

    一.  数据类型

    JavaScript是一门弱类型的语言,和Java的强类型不同,js在声明一个变量的时候,不需要声明类型,JS无论声明什么类型的变量都统一使用var来声明,具体的类型需要给变量赋值后才能获得,且赋值可以动态转换

    • string:字符串

    • number:数值

    • boolean:布尔

    • undefined:未定义的

    • object:对象类型

    下面针对上面的几种数据类型分别举例,string:字符串

    <script type="text/javascript">
       var a='s';
       console.log(typeof a); //类型是String
    </script>

    利用typeof可以输出a的类型,再看一下number:数值

    <script type="text/javascript">
       var a = 10;
       console.log(typeof a) //类型是number
       a = 2.5;
       console.log(typeof a) //类型是number
    </script>

     boolean:布尔

    <script type="text/javascript">
       var a = true;
       console.log(typeof a) //类型是boolean
    </script>

    undefined:未定义的

    <script type="text/javascript">
       var a;
       console.log(typeof a) //类型是undefined
    </script>

    object:对象类型

    <script type="text/javascript">
        var a = null;
        console.log(typeof a) //类型是Object
        a = {}; //js对象
        console.log(typeof a) //类型是Object
        a = [];//js数组
        console.log(typeof a) //类型是Object
    </script>

    js的number类型计算有时候会丢失精度:

    <script type="text/javascript">
        var a = 0.1;
        var b = 0.3;
        console.log(b + a); // 0.4
        console.log(b - a); // 0.19999999999999998
    </script>

    字符串和数字的加法和减法规则是不同的,首先来看字符串和数字的加法:

    <script type="text/javascript">
        x = 1 + 2;
        document.write(x); //3
        document.write("<br />");
        x = "1" + "2";
        document.write(x); //12
        document.write("<br />");
        x = 1 + "2";
        document.write(x); //12
        document.write("<br />");
        x = "1" + 2;
        document.write(x); //12
        document.write("<br />");
    </script>

    可以看到,字符串+数字,就是做了一个简单的拼接。再来看一下字符串和数字的减法:

    <script type="text/javascript">
        x = 6 - 1;
        document.write(x); //5
        document.write("<br />");
        x = "6" - "1";
        document.write(x); //5
        document.write("<br />");
        x = 6 - "1";
        document.write(x); //5
        document.write("<br />");
        x = "6" - 1;
        document.write(x); //5
        document.write("<br />");
    </script>

    可以看到,无论被减数和减数是数字还是字符串,都会进行计算。

    二. 类型转换

    1.  其他类型转换为String

    有两种方法,第一种:使用toString方法

        <script type="text/javascript">
            var a = 10;
            a.toString();
            document.write(typeof a + "——> a = " +  a); //number——> a = 10
            document.write("<br />");
    
            a = a.toString();
            document.write(typeof a + "——> a = " +  a); //string——> a = 10
            document.write("<br />");
    
            a = true;
            a = a.toString();
            document.write(typeof a + "——> a = " +  a); //string——> a = true
            document.write("<br />");
    
            a = false;
            a = a.toString();
            document.write(typeof a + "——> a = " +  a); //string——> a = false
            document.write("<br />");
    
    /*        a = undefined;
            a = a.toString();
            document.write(typeof a + "——> a = " +  a); //报错
            document.write("<br />");
    
            a = null;
            a = a.toString();
            document.write(typeof a + "——> a = " +  a); //报错
            document.write("<br />");*/
        </script>

    第二种,使用String()方法

    <script type="text/javascript">
        var a = 10;
        String(a);
        document.write(typeof a + "——> a = " +  a);; //number——> a = 10
        document.write("<br />");
    
        a = String(a);
        document.write(typeof a + "——> a = " +  a); //string——> a = 10
        document.write("<br />");
    
        a = true;
        a = String(a);
        document.write(typeof a + "——> a = " +  a); //string——> a = true
        document.write("<br />");
    
        a = false;
        a = String(a);
        document.write(typeof a + "——> a = " +  a); //string——> a = false
        document.write("<br />");
    
    
        a = undefined;
        a = String(a);
        document.write(typeof a + "——> a = " +  a); //string——> a = undefined
        document.write("<br />");
    
        a = null;
        a = String(a);
        document.write(typeof a + "——> a = " +  a); //string——> a = null
        document.write("<br />");
    </script>

    可以看到,使用String方法后,undefined和null类型不再报错

    2.  其他类型转换为number

        <script type="text/javascript">
            var a = "10";
            Number(a);
            document.write(typeof a + "——> a = " +  a); //string——> a = 10
            document.write("<br />");
    
            a = Number(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10
            document.write("<br />");
    
            a = true;
            a = Number(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 1
            document.write("<br />");
    
            a = false;
            a = Number(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 0
            document.write("<br />");
    
            a = undefined;
            a = Number(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = NaN
            document.write("<br />");
    
            a = null;
            a = Number(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 0
            document.write("<br />");
    
            document.write("------------------------------");
            document.write("<br />");
    
            a = "10.5a";
            a = Number(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = NaN
            document.write("<br />");
    
            document.write("------------------------------");
            document.write("<br />");
    
    
            a = "10";
            a = parseInt(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10
            document.write("<br />");
    
            a = "10.5";
            a = parseInt(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10
            document.write("<br />");
    
            a = "10a";
            a = parseInt(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10
            document.write("<br />");
    
            a = "10.5a";
            a = parseInt(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10
            document.write("<br />");
    
            document.write("------------------------------");
            document.write("<br />");
    
            a = "10";
            a = parseFloat(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10
            document.write("<br />");
    
            a = "10.5";
            a = parseFloat(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10.5
            document.write("<br />");
    
            a = "10a";
            a = parseFloat(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10
            document.write("<br />");
    
            a = "10.5a";
            a = parseFloat(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10.5
            document.write("<br />");
    
            a = "10.5.2";
            a = parseFloat(a);
            document.write(typeof a + "——> a = " +  a); //number——> a = 10.5
            document.write("<br />");
    
    /*        string——> a = 10
            number——> a = 10
            number——> a = 1
            number——> a = 0
            number——> a = NaN
            number——> a = 0
            ------------------------------
                number——> a = NaN
            ------------------------------
                number——> a = 10
            number——> a = 10
            number——> a = 10
            number——> a = 10
            ------------------------------
                number——> a = 10
            number——> a = 10.5
            number——> a = 10
            number——> a = 10.5
            number——> a = 10.5*/
        </script>

    3.  其他类型转换为boolean

    <script type="text/javascript">
        var a = "111";
        Boolean(a);
        document.write(typeof a + "——> a = " +  a); //string——> a = 111
        document.write("<br />");
    
        a = "111";
        a = Boolean(a);
        document.write(typeof a + "——> a = " +  a); //boolean——> a = true
        document.write("<br />");
    
        a = -1.1; //只要是非0的数字都是true,比如1和-1, -1.1和1.1都是true
        a = Boolean(a);
        document.write(typeof a + "——> a = " +  a); //boolean——> a = true
        document.write("<br />");
    
    
        document.write("------------------------------");
        document.write("<br />");
    
        a = 0;
        a = Boolean(a);
        document.write(typeof a + "——> a = " +  a); //boolean——> a = false
        document.write("<br />");
    
        a = "";
        a = Boolean(a);
        document.write(typeof a + "——> a = " +  a); //boolean——> a = false
        document.write("<br />");
    
        a = undefined;
        a = Boolean(a);
        document.write(typeof a + "——> a = " +  a); //boolean——> a = false
        document.write("<br />");
    
        a = null;
        a = Boolean(a);
        document.write(typeof a + "——> a = " +  a); //boolean——> a = false
        document.write("<br />");
    
    
        a = NaN; //NaN本身是number类型
        a = Boolean(a);
        document.write(typeof a + "——> a = " +  a); //boolean——> a = false
        document.write("<br />");
    
    </script>

    山东省·济南市
  • 0
  • 0
  • 0
  • 1.5k
  • 十二

    请登录之后再进行评论

    登录
    单栏布局 侧栏位置: