美文网首页
强制转换类型、转换为number、转换为Boolean

强制转换类型、转换为number、转换为Boolean

作者: 栀心_d553 | 来源:发表于2019-12-23 23:30 被阅读0次

强制转换类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>强制类型转换</title>
    <script type="text/javascript">
        /*
        强制类型转换
            - 指将一个数据类型强制转换为其他的数据类型
            - 类型转换主要指,将其他的数据类型,转换为
                String Number Boolean
        */
        /*
        将其他的数据类型转换为String
        方式一:
            - 调用被转换数据类型的toString()方法
            - 该方法不会影响到原变量,它会将转换的结果返回
            - 但是注意:null和undefined这两个值没有toString()方法,
            如果调用他们的方法,会报错
        方式二:
            - 调用String()函数,并将被转换的数据作为参数传递给函数
            - 使用String()函数做强制类型转换时,
                对于Number和Boolean实际上就是调用的toString()方法
                但是对于null和undefined,就不会调用toString()方法
                它会将 null 直接转换为 "null"
                将 undefined 直接转换为 "undefined"
        */
        var a = 123;
        //调用a的toString()方法
        //调用xxx的yyy()方法,就是xxx.yyy()
        a = a.toString();
        a = true;
        a = a.toString();
        a = null;
        //a = a.toString(); //报错
        a = undefined;
        //a = a.toString(); //报错
        a = 123;

        //调用String()函数,来将a转换为字符串
        a = String(a);
        a = null;
        a = String(a);

        a = undefined;
        a = String(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>

转换为number

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>强制类型转换</title>
    <script type="text/javascript">
        /*
        强制类型转换
            - 指将一个数据类型强制转换为其他的数据类型
            - 类型转换主要指,将其他的数据类型,转换为
                String Number Boolean
        */
        /*
        将其他的数据类型转换为String
        方式一:
            - 调用被转换数据类型的toString()方法
            - 该方法不会影响到原变量,它会将转换的结果返回
            - 但是注意:null和undefined这两个值没有toString()方法,
            如果调用他们的方法,会报错
        方式二:
            - 调用String()函数,并将被转换的数据作为参数传递给函数
            - 使用String()函数做强制类型转换时,
                对于Number和Boolean实际上就是调用的toString()方法
                但是对于null和undefined,就不会调用toString()方法
                它会将 null 直接转换为 "null"
                将 undefined 直接转换为 "undefined"
        */
        var a = 123;
        //调用a的toString()方法
        //调用xxx的yyy()方法,就是xxx.yyy()
        a = a.toString();
        a = true;
        a = a.toString();
        a = null;
        //a = a.toString(); //报错
        a = undefined;
        //a = a.toString(); //报错
        a = 123;

        //调用String()函数,来将a转换为字符串
        a = String(a);
        a = null;
        a = String(a);

        a = undefined;
        a = String(a);
        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换为Boolean</title>
    <script type="text/javascript">
        /*
        将其他的数据类型转换为Boolean
            使用Boolean()函数
                - 数字 ---> 布尔
                    - 除了0和NaN,其余的都是true
                - 字符串 ---> 布尔
                    - 除了空串,其余的都是true
                - null和undefined都会转换为false
                - 对象也会转换为true
        */      
        var a = 123; //true
        a = -123; //true
        a = 0; //false
        a = Infinity; //true
        a = NaN; //false

        //调用Boolean()函数来将a转换为布尔值
        a = Boolean(a);
        a = "hello";//true
        a = "true";//true
        a = "false";//true
        a = "错误";//true
        a = " ";//true
        a = "";//false
        a = Boolean(a);

        a = null; //false
        a = Boolean(a);

        a = undefined; //false
        a = Boolean(a);

        a = window; //true
        a = Boolean(a);
        
        console.log(typeof a);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>

相关文章

网友评论

      本文标题:强制转换类型、转换为number、转换为Boolean

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