JavaScript -- 类型转换

 Number() 转换为数字， String() 转换为字符串， Boolean() 转化为布尔值。

JavaScript 数据类型

在 JavaScript 中有 5 种不同的数据类型：

  • string
  • number
  • boolean
  • object
  • function

3 种对象类型：

  • Object
  • Date
  • Array

2 个不包含任何值的数据类型：

  • null
  • undefined

typeof 操作符

你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。

  • NaN 的数据类型是 number
  • 数组(Array)的数据类型是 object
  • 日期(Date)的数据类型为 object
  • null 的数据类型是 object
  • 未定义变量的数据类型为 undefined

constructor 属性

constructor 属性返回所有 JavaScript 变量的构造函数。

将数字转换为字符串

全局方法 String() 可以将数字转换为字符串。

该方法可用于任何类型的数字，字母，变量，表达式。

将布尔值转换为字符串

全局方法 String() 可以将布尔值转换为字符串。

将日期转换为字符串

全局方法 String() 可以将日期转换为字符串。

将字符串转换为数字

全局方法 Number() 可以将字符串转换为数字。

字符串包含数字(如 "3.14") 转换为数字 (如 3.14).

空字符串转换为 0。

其他的字符串会转换为 NaN (不是个数字)

 

demo:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>JavaScript 类型转换</title>
    </head>

    <body>

        <p> JavaScript 类型转换</p>
        <button onclick="typeConversion()">类型转换示例</button>
        <p id="demo"></p>
        <p id="demo1"></p>
        <p id="demo2"></p>
        <p id="demo3"></p>
        <p id="demo4"></p>
        <p id="demo5"></p>
        <script type="text/javascript" src="test.js" ></script>

    </body>

</html>

Js代码：

function typeConversion(){
        document.getElementById("demo").innerHTML =
                typeof "john" + "<br>" +
                typeof 3.14 + "<br>" +
                typeof NaN + "<br>" +
                typeof false + "<br>" +
                typeof [1, 2, 3, 4] + "<br>" +
                typeof {
                    name: 'john',
                    age: 34
                } + "<br>" +
                typeof new Date() + "<br>" +
                typeof

            function() {} + "<br>" +
            typeof myCar + "<br>" +
                typeof null;
            //  constructor 属性
            document.getElementById("demo1").innerHTML =
                "john".constructor + "<br>" +
                3.14.constructor + "<br>" +
                NaN.constructor + "<br>" +
                false.constructor + "<br>" + [1, 2, 3, 4].constructor + "<br>" + {
                    name: 'john',
                    age: 34
                }.constructor + "<br>" +
                new Date().constructor + "<br>" +
                function() {}.constructor + "<br>";
            //JavaScript 类型转换
            //全局方法 String() 可以将数字转换为字符串。该方法可用于任何类型的数字，字母，变量，表达式。
            document.getElementById("demo2").innerHTML =
                String(123) + "<br>" +
                String(100 + 121) + "<br>" +
                String(true) + "<br>" +
                String(false) + "<br>" +
                String(Date()) + "<br>" +
                (145).toString() + "<br>" +
                (234 + 345).toString() + "<br>" +
                Date().toString();
            //字符串转换成数字
            document.getElementById("demo3").innerHTML =
                Number("3.14") + "<br>" + // 返回 3.14
                Number(" ") + "<br>" + // 返回 0 
                Number("") + "<br>" + // 返回 0
                Number(new Date()) + "<br>" + //日期转化为数字
                Number(true) + "<br>" + //布尔值转化成数字
                Number(false) + "<br>" +
                Number("99 88") + "<br>"; // 返回 NaN
            var y = "5";
            var x = +y;
            //一元运算符
            document.getElementById("demo4").innerHTML =
                typeof y + "<br>" + typeof x;
            //自动转换类型
            document.getElementById("demo5").innerHTML =
                (5 + null) + "<br>" + // 返回 5         null 转换为 0
                ("5" + null) + "<br>" + // 返回"5null"   null 转换为 "null"
                ("5" + 1) + "<br>" + // 返回 "51"      1 转换为 "1"  
                ("5" - 1) + "<br>"; // 返回 4         "5" 转换为 5
}

 

posted @ 2017-05-16 16:17  西北野狼  阅读(224)  评论(0)  编辑  收藏  举报