码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript016,数据类型转换

时间:2020-01-20 00:05:20      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:rip   demo   自动转换   span   ntb   日期   空字符串   pre   head   

<!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>

JavaScript016,数据类型转换

标签:rip   demo   自动转换   span   ntb   日期   空字符串   pre   head   

原文地址:https://www.cnblogs.com/zhou0910/p/12215952.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!