DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript中的數據類型轉換方法小結
JavaScript中的數據類型轉換方法小結
編輯:JavaScript基礎知識     

JavaScript 變量可以轉換為新變量或其他數據類型:

  • 通過使用 JavaScript 函數
  • 通過 JavaScript 自身自動轉換

將數字轉換為字符串

全局方法 String() 可以將數字轉換為字符串。
該方法可用於任何類型的數字,字母,變量,表達式:
實例

String(x)     // 將變量 x 轉換為字符串並返回
String(123)    // 將數字 123 轉換為字符串並返回
String(100 + 23) // 將數字表達式轉換為字符串並返回

Number 方法 toString() 也是有同樣的效果。
實例

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

將布爾值轉換為字符串

全局方法 String() 可以將布爾值轉換為字符串。
String(false)    // 返回 "false"
String(true)     // 返回 "true"
Boolean 方法 toString() 也有相同的效果。
false.toString()   // 返回 "false"
true.toString()   // 返回 "true"

將日期轉換為字符串
全局方法 String() 可以將日期轉換為字符串。

String(Date())   // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

Date 方法 toString() 也有相同的效果。
實例

Date().toString()  // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

將字符串轉換為數字
全局方法 Number() 可以將字符串轉換為數字。
字符串包含數字(如 "3.14") 轉換為數字 (如 3.14).
空字符串轉換為 0。
其他的字符串會轉換為 NaN (不是個數字)。

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

一元運算符 +
Operator + 可用於將變量轉換為數字:
實例

var y = "5";   // y 是一個字符串
var x = + y;   // x 是一個數字

如果變量不能轉換,它仍然會是一個數字,但值為 NaN (不是一個數字):
實例

var y = "John";  // y 是一個字符串
var x = + y;   // x 是一個數字 (NaN)


將布爾值轉換為數字
全局方法 Number() 可將布爾值轉換為數字。

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

將日期轉換為數字
全局方法 Date() 可將日期轉換為數字。

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

日期方法 getTime() 也有相同的效果。

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

自動轉換類型 Type Conversion
當 JavaScript 嘗試操作一個 "錯誤" 的數據類型時,會自動轉換為 "正確" 的數據類型。
以下輸出結果不是你所期望的:

5 + null  // 返回 5     because null is converted to 0
"5" + null // 返回"5null"  because null is converted to "null"
"5" + 1   // 返回 "51"   because 1 is converted to "1" 
"5" - 1   // 返回 4     because "5" is converted to 5

自動轉換為字符串
當你嘗試輸出一個對象或一個變量時 JavaScript 會自動調用變量的 toString() 方法:

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

// if myVar = {name:"Fjohn"} // toString 轉換為 "[object Object]"
// if myVar = [1,2,3,4]    // toString 轉換為 "1,2,3,4"
// if myVar = new Date()   // toString 轉換為 "Fri Jul 18 2014 09:08:55 GMT+0200"

數字和布爾值也經常相互轉換:

// if myVar = 123       // toString 轉換為 "123"
// if myVar = true      // toString 轉換為 "true"
// if myVar = false      // toString 轉換為 "false"

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved