JavaScript 类型转换总结

Number() 用来转换数字, String() 用来转换字符串, Boolean() 用来转换布尔值。

JavaScript 数据类型

JavaScript中能够容纳值的数据类型有五种：

· string

· number

· boolean

· object

· function

其中对象类型又分为三种：

· Object

· Date

· Array

另外两种为不能容纳值的数据类型：

· null

· undefined

typeof 操作符

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

示例

typeof "John"                 // 返回 string
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1,2,3,4]              // 返回 object
typeof {name:'John', age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined (如果myCar未声明)
typeof null                   // 返回 object

注意：

· NaN 的数据类型为number

· 数组的数据类型为object

· 日期的数据类型为object

· null的数据类型为object

· 未声明变量的数据类型为undefined

typeof 的数据类型

typeof 操作符并非变量。 因为它是一个操作符。同样，操作符( + - * / ) 没有任何数据类型。

typeof的返回值是字符串。

constructor属性

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

示例

"John".constructor                 // 返回函数String()
(3.14).constructor                 // 返回函数Number()
false.constructor                  // 返回函数Boolean()
[1,2,3,4].constructor              // 返回函数Array()
{name:'John', age:34}.constructor  // 返回函数 Object()
new Date().constructor             // 返回函数 Date()
function () {}.constructor         // 返回函数 Function()

你可以通过检查constructor属性以判断某个对象类型是否是Array (包含关键字"Array")：
示例

function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
}

同样，你也可以通过检查constructor属性以判断某个对象类型是否是Date (包含关键词"Date")：
示例

function isDate(myDate) {
    return myDate.constructor.toString().indexOf("Date") > -1;
}

JavaScript 类型转换

JavaScript变量可以被转换为另外一种数据类型的新变量 ：

· 使用JavaScript函数的方式

· JavaScript的自动转换机制

转换Numbers为Strings

全局方法String() 可以转换numbers为strings.

该函数可以使用在任意类型的数字、字面量、变量或表达式：
示例

String(x)         // 返回从变量x转换来的字符串
String(123)       // 返回从字面量123转换来的字符串
String(100 + 23)  // 返回从表达式转换来的字符串

Number对象的toString() 方法也可以达到同样效果。

示例

x.toString()
(123).toString()
(100 + 23).toString()

转换 Booleans 为 Strings

全局方法String() 也可以转换 booleans 为 strings.

String(false)        // 返回"false"
String(true)         // 返回"true"

Boolean 对象的toString() 方法也可以达到同样效果。

false.toString()     // 返回"false"
true.toString()      // 返回"true"

转换Dates 为 Strings

全局方法String() 也可以转换dates 为 strings。

String(Date())      // 返回Jul 17 2014 15:38:19 GMT+0200

Date对象toString() 方法也可以达到同样效果。
示例

Date().toString()   // 返回 Jul 17 2014 15:38:19 GMT+0200

转换 Strings 为 Numbers

全局方法 Number() 可以转换 strings 为 numbers。

包含数字的字符串(如 "3.14") 可以被转换为数字 (3.14).

空字符串被转换为 0。

其他值被转换为NaN (Not a number).

Number("3.14")    // 返回3.14
Number(" ")       // 返回0
Number("")        // 返回0
Number("99 88")   // 返回NaN

一元操作符 +

+操作符可以用来转换一个变量为数字:

示例

var y = "5";      // y 是字符串类型
var x = + y;      // x 是数字类型

如果变量不能被转换，仍可转换为数字类型，但是值是NaN (Not a number):

示例

var y = "John";   // y 是字符串类型
var x = + y;      // x 是数字类型，值是NaN

转换 Booleans 为Numbers

Number(false)     // 返回0
Number(true)      // 返回1

转换Dates 为Numbers

全局方法Number() 可以转换dates 为 numbers.

d = new Date();
Number(d)          // 返回1404568027739

date对象的getTime() 方法可以达到同样效果。

d = new Date();
d.getTime()        // 返回1404568027739

自动类型转换

当JavaScript 试图操作一个“错误的”数据类型时， 它将首先尝试将其转换为一个“正确的”数据类型。

结果并不一定是你所期望的：

5 + null    // 返回5         因为null 被转换为 0
"5" + null  // 返回"5null"    因为null 被转换为 "null"
"5" + 2     // 返回52        因为2被转换为 "2"
"5" - 2     // 返回3         因为"5" 被转换为5
"5" * "2"   // 返回10        因为"5" 和"2" 被转换为5和2

自动转换为字符串类型

JavaScript 可以自动调用变量的 toString() 函数，当它试图打印一个对象或变量时：

document.getElementById("demo").innerHTML = myVar;

// 如果myVar = {name:"Fjohn"}，调用 toString()转换为"[object Object]"
// 如果myVar = [1,2,3,4] ，调用toString()转换为"1,2,3,4"
// 如果myVar = new Date() ，调用toString()转换为 "Fri Jul 18 2014 09:08:55 GMT+0200"

数字和布尔类型也可以被转换，但一般不明显：

// 如果myVar = 123             // toString() 转换为 "123"
// 如果myVar = true            // toString() 转换为"true"
// 如果myVar = false           // toString() 转换为"false"

JavaScript 类型转换表

该表展示了不同的JavaScript变量转换为Number，String，Boolean后的值：

引号中的值代表字符串类型。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索javascript
， 字符串
， 对象
， 函数
， 变量
类型
javascript 类型转换、javascript的类型转换、javascript中类型转换、javascript 数据类型、javascript 类型，以便于您获取更多的相关知识。