[javascript学习指南]JavaScript 类型转换总结

更新时间:2020-03-22    来源:班主任工作总结    手机版     字体:

【www.bbyears.com--班主任工作总结】

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后的值:

原始值

转换为数字类型

转换为字符串类型

转换为布尔类型

false

0

"false"

false

true

1

"true"

true

0

0

"0"

false

1

1

"1"

true

"0"

0

"0"

true

"1"

1

"1"

true

NaN

NaN

"NaN"

false

Infinity

Infinity

"Infinity"

true

-Infinity

-Infinity

"-Infinity"

true

""

0

""

false

"20"

20

"20"

true

"twenty"

NaN

"twenty"

true

[ ]

0

""

true

[20]

20

"20"

true

[10,20]

NaN

"10,20"

true

["twenty"]

NaN

"twenty"

true

["ten","twenty"]

NaN

"ten,twenty"

true

function(){}

NaN

"function(){}"

true

{ }

NaN

"[object Object]"

true

null

0

"null"

false

undefined

NaN

"undefined"

false


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

本文来源:http://www.bbyears.com/banzhurengongzuo/88812.html

热门标签

更多>>

本类排行