JavaScript 類型轉換
Javascript的變量是松散類型的，它可以存儲Javascript支持的任何數據類型，其變量的類型可以在運行時被動態(tài)改變。請看示例：
var n = 10;
n = "hello CSSer!";
n = {};
上面的示例中，首先聲明n變量并初始化其值為10（整數類型），接著將字符串“hello CSSer!”賦值給n，接著再賦一個對象給它，最后n的類型是對象類型?？梢钥闯鲎兞縩的類型具有動態(tài)性，實際編程中，我們建議不要頻繁改變變量的類型，因為這對調試沒有好處。
JavaScript 數據類型
在 JavaScript 中有 5 種不同的數據類型：
string
number
boolean
object
function
3 種對象類型：
Object
Date
Array
2 個不包含任何值的數據類型：
null
undefined
typeof 操作符
你可以使用 typeof 操作符來查看 JavaScript 變量的數據類型。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
typeof "tom" + "<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;
</script>
</body>
</html>請注意：
NaN 的數據類型是 number
數組(Array)的數據類型是 object
日期(Date)的數據類型為 object
null 的數據類型是 object
未定義變量的數據類型為 undefined
constructor 屬性
constructor 屬性返回所有 JavaScript 變量的構造函數。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"john".constructor + "<br>" +
(3.14).constructor + "<br>" +
false.constructor + "<br>" +
[1,2,3,4].constructor + "<br>" +
{name:'john', age:34}.constructor + "<br>" +
new Date().constructor + "<br>" +
function () {}.constructor;
</script>
</body>
</html>
顯式轉換
通過手動進行類型轉換，Javascript提供了以下轉型函數：
轉換為數值類型：Number(mix)、parseInt(string,radix)、parseFloat(string)
轉換為字符串類型：toString(radix)、String(mix)
轉換為布爾類型：Boolean(mix)
1、Number(mix)函數，可以將任意類型的參數mix轉換為數值類型
其規(guī)則為：
如果是布爾值，true和false分別被轉換為1和0
如果是數字值，返回本身。
如果是null，返回0.
如果是undefined，返回NaN。
如果是字符串，遵循以下規(guī)則：
1)如果字符串中只包含數字，則將其轉換為十進制（忽略前導0）
2)如果字符串中包含有效的浮點格式，將其轉換為浮點數值（忽略前導0）
3)如果是空字符串，將其轉換為0
4)如果字符串中包含非以上格式，則將其轉換為NaN
如果是對象，則調用對象的valueOf()方法，然后依據前面的規(guī)則轉換返回的值。如果轉換的結果是NaN，則調用對象的toString()方法，再次依照前面的規(guī)則轉換返回的字符串值。
Number("3.14") // 返回 3.14
Number(" ") // 返回 0
Number("") // 返回 0
Number("99 88") // 返回 NaN
2、parseInt(string, radix)函數，將字符串轉換為整數類型的數值。它也有一定的規(guī)則：
忽略字符串前面的空格，直至找到第一個非空字符
如果第一個字符不是數字符號或者負號，返回NaN
如果第一個字符是數字，則繼續(xù)解析直至字符串解析完畢或者遇到一個非數字符號為止
如果上步解析的結果以0開頭，則將其當作八進制來解析；如果以0x開頭，則將其當作十六進制來解析
如果指定radix參數，則以radix為基數進行解析
3、parseFloat(string)函數，將字符串轉換為浮點數類型的數值
它的規(guī)則與parseInt基本相同，但也有點區(qū)別：字符串中第一個小數點符號是有效的，另外parseFloat會忽略所有前導0，如果字符串包含一個可解析為整數的數，則返回整數值而不是浮點數值。
4、toString(radix)方法。除undefined和null之外的所有類型的值都具有toString()方法，其作用是返回對象的字符串表示
對象 操作
Array 將 Array 的元素轉換為字符串。結果字符串由逗號分隔，且連接起來。
Boolean 如果 Boolean 值是 true，則返回 “true”。否則，返回 “false”。
Date 返回日期的文字表示法。
Error 返回一個包含相關錯誤信息的字符串。
Function 返回如下格式的字符串，其中 functionname 是被調用 toString 方法函數的名稱：
function functionname( ) { [native code] }
Number 返回數字的文字表示。
String 返回 String 對象的值。
默認 返回 “[object objectname]”，其中 objectname 是對象類型的名稱。
5、String(mix)函數，將任何類型的值轉換為字符串，其規(guī)則為：
如果有toString()方法，則調用該方法（不傳遞radix參數）并返回結果
如果是null，返回”null”
如果是undefined，返回”undefined”
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<p id="demo"></p>
<script>
var x = 55;
document.getElementById("demo").innerHTML =
String(x) + "<br>" +
String(13.3) + "<br>" +
String(100.99 + 23);
</script>
</body>
</html>6、Boolean(mix)函數，將任何類型的值轉換為布爾值。
以下值會被轉換為false：false、”"、0、NaN、null、undefined，其余任何值都會被轉換為true。
實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(php.cn)</title>
<script type="text/javascript">
var i="123abc";
i=parseInt(i);//字符串轉整形
alert(i+","+typeof(i));//輸出：123，number
i="12.3abc";
i=parseFloat(i);//字符串轉浮點型
alert(i+","+typeof(i));//輸出：12.3，number(可見不管是int還是float都是number類型)
i="a123abc";
i=parseInt(i);//字符串轉整形
alert(i+","+typeof(i));//輸出：NaN，number （由于轉換失敗，所以提示“不是一個數字，Not a Number”）
var num=document.getElementById("num").value;
function showMsg(num)
{
for(var i=0;i<num;i++)
{
document.write("你好，JavaScript！<br/>");
}
}
</script>
</head>
<body>
</body>
</html>一元運算符 +
Operator + 可用于將變量轉換為數字：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<button onclick="myFunction()">點擊</button>
<p id="demo"></p>
<script>
function myFunction() {
var y = "5";
var x = + y;
document.getElementById("demo").innerHTML =
typeof y + "<br>" + typeof x;
}
</script>
</body>
</html>
