DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 簡單介紹JavaScript數據類型之隱式類型轉換
簡單介紹JavaScript數據類型之隱式類型轉換
編輯:關於JavaScript     

JavaScript的數據類型分為六種,分別為null,undefined,boolean,string,number,object。object是引用類型,其它的五種是基本類型或者是原始類型。我們可以用typeof方法打印來某個是屬於哪個類型的。不同類型的變量比較要先轉類型,叫做類型轉換,類型轉換也叫隱式轉換。隱式轉換通常發生在運算符加減乘除,等於,還有小於,大於等。。

typeof '11' //string    
typeof(11)  //number
'11' < 4   //false

本章節單獨介紹一下javascript中的隱式數據類型轉換,對於它的良好掌握,在實際應用能夠簡化很多操作。

看如下代碼實例:

var arr = [5];
console.log(arr+"");

上面的代碼就是將數組隱式轉換為字符串的一個操作,是不是要比下面的方式要簡單不少:

var arr = [5];
console.log(arr.toString());

像上面類似的隱式數據類型轉換在實際編碼中應用很多,下面進入正題。

一.值類型之間的數據類型轉換:

javascript中的數據類型可以參閱javascript數據類型詳解一章節。

(1).數字和字符串使用+運算符:

數字和字符串如果使用+運算符進行操作,那麼會將數字先轉換為字符串,然後進行字符串連接操作:

var antzone = "antzone";
var num = 8;
console.log(antzone+num);

(2).布爾值參與的+運算符操作:

如果有布爾型參與,那麼首先會將布爾值轉換為對應的數字或者字符串,然後再進行相應的字符串連接或者算數運算。

var bool = true;
var num = 8;
console.log(bool + num);

上面的代碼是先將true轉換為數字1,然後再進行算數加運算。

var bool = true;
var num = "8";
console.log(bool + num);

上面的布爾值會被轉換為對應的字符串形式"true",然後再進行字符串連接。

(3).減法操作:

如果進行減法操作,那麼兩個操作數都會先被轉換為數字,然後在進行算數運算:

var bool = true;
var num = "8";
console.log(bool - num);

true會被轉換為數字1,字符串"8"會被轉換為數字8,然後進行算術運算。

乘,除,大於,小於跟減的轉換也是一樣,就不再舉例子了。

(4).==等性運算:

undefined和null比較特殊,它們兩個使用==運算符返回值是true。

console.log(undefined==null);

其他值類型進行比較的時候都會將運算數轉換為數字

console.log("3"==3);

上面的代碼會將字符串"3"轉換成數字,然後再進行比較。

console.log("1"==true);

上面的代碼會分別將"1"和true轉換成數字,然後進行比較。

二.引用類型轉值類型:

引用類型(對象)轉換為值類型則要復雜很多,下面分布展開介紹。

對象繼承的兩個方法可以幫助我們實現對象到值類型的轉換功能:

(1).toString()方法。

(2).valueOf()方法。

通常情況下我們認為,將一個對象轉換為字符串要調用toString()方法,轉換為數字要調用valueOf()方法,但是真正應用的時候並沒有這麼簡單,看如下代碼實例:

var obj = {
 webName: "",
 url:"softwhy.com"
}
console.log(obj.toString());

從上面的代碼可以看出,toString()方法並沒有將對象轉換為一個能夠反映此對象的字符串。

var arr = [1, 2, 3];
console.log(arr.valueOf());

從上面的代碼可以看出,valueOf()方法並沒有將對象轉換為能夠反映此對象的一個數字。

var arr = [1, 2, 3];
console.log(arr.toString());

數組對象的toString()方法能夠將數組轉換為能夠反映此數組對象的字符串。

總結如下:

(1).有些對象只是簡單繼承了toString()或者valueOf()方法,比如第一個例子。
(2).有些對象則不但是繼承了兩個方法,而且還進行了重寫。

所以有些對象的方法能夠達成轉換成字符串或者數字的目標,有些則不能。

調用toString()或者valueOf()將對象轉換成字符串或者數字的規則如下:

調用toString()時,如果對象具有這個方法,則調用此方法;如果此方法返回一個值類型數據,那麼就返回這個值類型數據,然後再根據所處的上下文環境進行相關數據類型轉換。如果沒有toString(),或者此方法返回值並不是一個值類型數據,那麼就會調用valueOf()(如果此方法存在的話),如果valueOf()返回一個值類型數據,那麼再根據所處的上下文環境進行相關的數據類型轉換。

進一步說明:

(1).上面介紹了通常默認情況下valueOf()和toString()方法的作用(將對象轉換為數字或者字符串),但是需要注意的是,這並不是硬性規定,也就是說並不是valueOf()方法必須要返回數字或者toString()方法必須要轉換為字符串,比如簡單繼承的這兩個方法就無法進行實現轉換為數字和字符串的功能,再比如,我們可以自己稱謝這兩個方法,返回值也沒有必要是數字或者字符串。

(2).還有需要特別注意的一點就是,很多朋友認為,轉換為字符串首先要調用toString()方法, 其實這是錯誤的認識,我們應該這麼理解,調用toString()方法可以轉換為字符串,但不一定轉換字符串就是首先調用toString()方法。

看如下代碼實例:

var arr = [];
arr.valueOf = function () { return "1"; }
arr.toString = function () { return "2"; }
console.log(arr + "1");

上面的代碼中,arr是要被轉換為字符串的,但是很明顯是調用的valueOf()方法,而沒有調用toString()方法。有些朋友可能會有這樣的質疑,難道[2]這樣的數字轉換成字符串"2",不是調用的toString()方法嗎。

代碼如下:

var arr = [2];
console.log(arr + "1");

其實過程是這樣的,首先arr會首先調用valueOf()方法,但是數字的此方法是簡單繼承而來,並沒有重寫(當然這個重寫不是我們實現),返回值是數組對象本身,並不是一個值類型,所以就轉而調用toString()方法,於是就實現了轉換為字符串的目的。

總結如下:

大多數對象隱式轉換為值類型都是首先嘗試調用valueOf()方法。但是Date對象是個例外,此對象的valueOf()和toString()方法都經過精心重寫,默認是調用toString()方法,比如使用+運算符,如果在其他算數運算環境中,則會轉而調用valueOf()方法。

代碼實例如下:

var date = new Date();
console.log(date + "1");
console.log(date + 1);
console.log(date - 1);
console.log(date * 1);

以上內容是小編給大家介紹的JavaScript數據類型之隱式類型轉換的全部內容,希望大家喜歡。

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