Javascript数据类型的转换

最新推荐文章于 2024-04-21 15:30:00 发布

丷寒枫丷

最新推荐文章于 2024-04-21 15:30:00 发布

阅读量88

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/qq_24432127/article/details/89638270

版权

Javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        //1.把字符串转换为数字类型
        var n = '123';
        //alert(n + 1); '1231'

        n = parseInt(n) + 1;
        //alert(n);  124

        n = parseInt('12asdsaasdas') + 1;
        //alert(n);  13

        n = parseInt('a12sdsaasdas') + 1;
        //alert(n);  NaN=> Not a Number 类型为Number

        //alert(parseFloat('99.3'));


        //2.把任意类型转换成Number
        console.log('false => Number:' + Number(false));
        console.log('true => Number:' + Number(true));
        console.log('undefined => Number:' + Number(undefined));
        console.log('null => Number:' + Number(null));
        console.log('1.2.3 => Number:' + Number('1.2.3'));
        console.log('object => Number:' + Number(new Object()));
        

        //3.把任意类型转换为Boolean类型
        console.log('控字符串 => Boolean:' + Boolean(''));
        console.log('非空字符串 => Boolean:' + Boolean('hello'));
        console.log('非零数字 => Boolean:' + Boolean(50));
        console.log('null => Boolean:' + Boolean(null));
        console.log('零数字 => Boolean:' + Boolean(0));
        console.log('对象 => Boolean:' + Boolean(new Object()));
        console.log('Not a Number => Boolean:' + Boolean(NaN));

        //4.将任意类型转换为String类型
        var n4= 123123;
        console.log('n => String:' + n4.toString());
        var n4 = null; 
        //console.log('n => String:' + n.toString()); 报错, 当对象为null时，无法调用任何方法
        console.log('n => String:' + String(n4));

        //5.NaN判断
        var n5 = parseInt('a22sd12312');
        if (n5 == NaN) {
            console.log('NaN转换失败');
        }
        else
        {
            console.log('Nan转换成功,值为:' + n5);
        }

        if (isNaN(n5)) {
            console.log('NaN转换失败');
        }
        else
        {
            console.log('Nan转换成功,值为:' + n5);
        }


    </script>
</head>
<body>
    
</body>
</html>

<!-- 
    Javascript数据类型的转换
    1.当将字符串类型转换为数字类型的时候，
    使用parseInt('转换字符串', '转换的进制')，当parseInt的参数是字符串并且其中还包含数字和其他字符， 
    parseInt函数会尝试将从第一个字符转换成数字一直到转换不了为止，然后返回转换的数字。但是当一个转换字符串第一个字符就
    不是数字时函数直接返回NaN(NaN=> Not a Number 类型为Number)
    使用parseFloat将字符串转换为小数，其他特性为parseInt相同

    2.将其他5种类型转换成Number， 只需要使用Number()函数就可以了

    3.将其他5种类型转换成Boolean， 只需要使用Boolean()函数就可以了

    4.将其他类型转换成String，
    第一种 直接将对象调用tostring()方法就可以了， 注意当对象为null时，无法调用任何方法
    第二种 直接使用String()函数就可以了

    5.在Javascript中对NaN值进行判断的时候，不能使用 == ， != 符号, 只能使用 isNaN(参数) 函数来进行判断

 -->