js学习笔记（3）

显示类型转换

Number(mix), parseInt(string,radix), parseFloat(string), toString(radix), string(mix), Boolean()

1. Number()

• 把括号内的东西转换成数字
• 如：

        var a = Number("123"),
            b = Number(true),
            c = Number(null),
            d = Number(undefined),
            e = Number("-123");

        document.write(a + " : " +typeof(a));
        document.write("<br>");
        document.write(b + " : " +typeof(b));
        document.write("<br>");
        document.write(c + " : " +typeof(c));
        document.write("<br>");
        document.write(d + " : " +typeof(d));
        document.write("<br>");
        document.write(e + " : " +typeof(e));

image.png

2. parseInt()

• 把括号里面的东西转换成整型数字。

• 注意：遇到非数字符号的时候就会截断返回（若为小数，只保留整数部分，截掉小数部分）

• 如：

        var a = parseInt("123"),
            b = parseInt(true),
            c = parseInt(null),
            d = parseInt(undefined),
            e = parseInt(123.9),
            f = parseInt("123.3abc"),
            g = parseInt("100px");

        document.write(a + " : " +typeof(a));
        document.write("<br>");
        document.write(b + " : " +typeof(b));
        document.write("<br>");
        document.write(c + " : " +typeof(c));
        document.write("<br>");
        document.write(d + " : " +typeof(d));
        document.write("<br>");
        document.write(e + " : " +typeof(e));
        document.write("<br>");
        document.write(f + " : " +typeof(f));
        document.write("<br>");
        document.write(g + " : " +typeof(g));

image.png

• 把数字以目标进制转换成10进制：
  var xxx = parseInt(demo, radix);
  radix为基底，其取值范围：[2, 36]

（1）2进制-->10进制：

        var demo = "1010";
        var num = parseInt(demo, 2);
        document.write(typeof(num)+" : " + num);

image.png

（2）16进制-->10进制：

        var demo = "b";
        var num = parseInt(demo, 16);
        document.write(typeof(num)+" : " + num);

image.png

3. parseFloat()

• 把变量转换成浮点类型。
• 从数字位开始看到除了"."以外的非数字位停止，然后把前面的数字返回。
• 如：

        var demo = "100.2";
        var num = parseFloat(demo);
        document.write(typeof(num)+" : " + num);

image.png

        var demo = "100.73abc";
        var num = parseFloat(demo);
        document.write(typeof(num)+" : " + num);

image.png

4. String()

• 把其他数据类型转换成字符串类型。
• 如：

        var demo1 = 100.2;
        var num1 = String(demo1);
        console.log(typeof(num1) + " : " + num1);
        
        var demo2 = undefined;
        var num2 = String(demo2);
        console.log(typeof(num2) + " : " + num2);
        
        var demo3 = true;
        var num3 = String(demo3);
        console.log(typeof(num3) + " : " + num3);

image.png

5. Boolean()

• 把其他数据类型转换成布尔值类型。
• 注意：变量为空字符串类型的时候，为false；而变量不是空字符串时，为true。尤其注意空格字符串 ' ' 为true。
• 如：

        var demo = '';
        var num = Boolean(demo);
        console.log(typeof(num) + " : " + num);
        var demo1 = ' ';
        var num1 = Boolean(demo1);
        console.log(typeof(num1) + " : " + num1);
        var demo2 = '123';
        var num2 = Boolean(demo2);
        console.log(typeof(num2) + " : " + num2)

image.png

6. toString()

• 指定某个变量转换成字符串，格式：xxx.toString()。
• 注意：undefined 和 null 不可以使用toString()方法。任何数据类型加上空格字符串都可以转为字符串数据类型。
• 如：

        var demo = 123;
        var num = demo.toString();
        console.log(typeof(num) + " : " + num);

image.png

• var num = demo.toString(radix);（radix：基底） -- 把10进制转换成目标进制

10进制转换成8进制：

        var demo = 123;
        var num = demo.toString(8);
        console.log(typeof(num) + " : " + num);

        var demo = 10;
        var num = demo.toString(8);
        console.log(typeof(num) + " : " + num);

image.png

进制转换：

2 进制转换成16进制：2进制 --> 10进制 --> 16进制

• 思路：parseInt() （目标进制转换成10进制）--> toString()（10进制转换成目标进制）
• 如：

        var num = 10101010;
        var test = parseInt(num, 2);
        console.log(test.toString(16));

        var num = 10000;
        var test = parseInt(num, 2);
        console.log(test.toString(16));

image.png