JavaScript016,数据类型转换

Posted &nbps

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于JavaScript016,数据类型转换的主要内容,如果未能解决你的问题,请参考以下文章

在代码片段中包含类型转换

对象-JavaScript入门基础(016)

深入浅出JavaScript中的隐式转换

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

python数据类型-字典-016