JavaScript016，数据类型转换 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JavaScript 数据类型转换</title>
    </head>
    <body>
        <h3>通过JavaScript函数进行数据类型转换</h3>
        String():<p id="demo"></p>
        toString():<p id="demo1"></p>
        booleam转换String：<p id="demo2"></p>
        Date转String:<p id="demo3"></p><p id="demo4"></p>
        字符串转换number：<p id="demo5"></p>
        日期转换为number：<p id="demo6"></p><p id="demo7"></p>
        </br>
        <a href="https://www.runoob.com/jsref/jsref-obj-date.html" style="text-decoration: none;">Date()方法</a></br>
        <a href="https://www.runoob.com/jsref/jsref-obj-number.html" style="text-decoration: none;">更多关于数字转换字符串的方法</a>
        
        <h3>自动转换类型这里不做详细说明，参考教程：https://www.runoob.com/js/js-type-conversion.html</h3>
        
        <script type="text/javascript">
            /* 全局方法String() 可以将任何类型的 数字，字母，变量，表达式 转换为字符串； */
            var x = 123;
            document.getElementById("demo").innerHTML =
            String(x)+" , " +
            String(123)+" , " +        //将数字123转为字符串返回
            String(100+23);            //将表达式计算结果，转为字符串并返回
            
            /* 用toString()有同样的效果 */
            document.getElementById("demo1").innerHTML =
            (x).toString()+" , " +
            (123).toString()+" , " +
            (100+23).toString();
            
            /* 布尔类型转换String */
            document.getElementById("demo2").innerHTML =
            String(false)+" , " +
            String(true);
            
            /* 将日期转换为String */
            document.getElementById("demo3").innerHTML =
            String(new Date());
            /* 或者 */
            var dt = new Date();
            document.getElementById("demo4").innerHTML =
            dt.toString();
            
            /* 用全局方法 Number() 也可以把字符串转换为number类型 */
            document.getElementById("demo5").innerHTML =
            Number("123")+" , " +
            Number(" ")+" , " +
            Number("")+" , " +            //空字符串转换为0
            Number("abc")+" , " +        //不是数字的就会输出NaN
            Number("11 22");
            /* 注意：Number() 和 number()是不一样的 */
            
            /* 布尔类型也是一样的转换方法，false返回0，true返回1*/
            
            /* 将日期转换为number类型 */
            var dt1 = new Date();
            document.getElementById("demo6").innerHTML =
            Number(dt1);
            /* 或者 */
            document.getElementById("demo7").innerHTML =
            dt1.getTime();
            /* 此处的getTime()是返回 1970 年 1 月 1 日至今的毫秒数。详细见 Date()方法 */
        </script>
    </body>
</html>
posted @ 2020-01-19 23:11  &nbps  阅读(253)  评论(0)    收藏  举报