JavaScript -- 类型转换-白红宇

JavaScript -- 类型转换

阅读量：6937 次

发布时间：2019-06-27

本文共 3145 字，大约阅读时间需要 10 分钟。

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:

JavaScript 类型转换

Js代码：

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