快捷導(dǎo)航

JavaScript中的object轉(zhuǎn)換成number或string規(guī)則介紹

更新時間：2014年12月31日 09:33:20 投稿：junjie

這篇文章主要介紹了JavaScript中的object轉(zhuǎn)換成number或string規(guī)則介紹,本文講解了object自動轉(zhuǎn)換成string的規(guī)則、object自動轉(zhuǎn)換成number的規(guī)則等內(nèi)容,需要的朋友可以參考下

在JavaScript程序編寫過程中，根據(jù)不同的上下文，JS會自動將object轉(zhuǎn)換成number或者string后再處理。這種自動轉(zhuǎn)換的規(guī)則如下：

object自動轉(zhuǎn)換成string的規(guī)則：

1.如果object所屬類覆寫了toString()方法，則調(diào)用該方法。如果toString()調(diào)用的返回結(jié)果為Primitive(string、number、boolean、undefined、null)，則將該Primitive值轉(zhuǎn)換成string后返回。

2.如果object所屬類沒有覆寫toString()方法 – toString()調(diào)用的返回結(jié)果為”[object Object]“；或者覆寫了toString()方法但該方法返回結(jié)果為對象。那么JS將調(diào)用object的valueOf()方法，如果valueOf()調(diào)用的返回結(jié)果為Primitive(string、number、boolean、undefined、null)，則將該Primitive值轉(zhuǎn)換成string后返回。

3.如果上述兩點均無法滿足，無法通過調(diào)用object的toString()方法或者valueOf()方法來獲取Primitive值，那么JS將拋出TypeError錯誤。

object自動轉(zhuǎn)換成number的規(guī)則：

1.調(diào)用object的valueOf()方法，如果得到的是Primitive值，則將該Primitive值轉(zhuǎn)換成number后返回。

2.如果無法從valueOf()方法中獲取Primitive值，那么調(diào)用object的toString()方法；如果toString()返回的是Primitive值，則將該Primitive值轉(zhuǎn)換成number后返回。

3.如果上述兩點均無法滿足，那么JS將拋出TypeError錯誤。

可以看到，object自動轉(zhuǎn)換成string和object自動轉(zhuǎn)換成number的規(guī)則其實是一致的，不同之處在于toString()方法和valueOf()方法的調(diào)用次序。

根據(jù)上述規(guī)則，可以很好的理解一些轉(zhuǎn)換結(jié)果：

1.對于空數(shù)組，當(dāng)將其轉(zhuǎn)換成number時，得到的結(jié)果為0。這是因為首先會調(diào)用array的valueOf()方法，由于valueOf()返回的是數(shù)組對象本身，因此接下來JS會調(diào)用空數(shù)組的toString()方法；因為空數(shù)組toString()后返回結(jié)果為空字符串，因此最終會將空字符串轉(zhuǎn)換成數(shù)字0后返回。

2.對于只有一個數(shù)字成員的數(shù)組來說，應(yīng)用同樣的規(guī)則轉(zhuǎn)換成number，最后得到的結(jié)果就是該數(shù)字。

3.對于有多個數(shù)字成員的數(shù)組來說，由于無法將字符串轉(zhuǎn)換成number，因此最后得到的結(jié)果為NaN。

何時轉(zhuǎn)換成string？何時轉(zhuǎn)換成number？

對object進行自動類型轉(zhuǎn)換時，根據(jù)object類型的不同以及操作符的不同，JS會選擇將其轉(zhuǎn)換成string還是number。具體規(guī)則如下：

1.+操作符兩邊出現(xiàn)對象的，將對象轉(zhuǎn)換成string。
2.所有對象(Date對象除外)，優(yōu)先轉(zhuǎn)換成number。
3.對于Date對象，優(yōu)先轉(zhuǎn)換成string。

值得注意的是，對于+操作符，除了操作符兩邊出現(xiàn)對象或者字符串的情況，其余情況下均執(zhí)行“轉(zhuǎn)換成number”的操作，同時，這種操作還與值之間的順序有關(guān)。

實驗

復(fù)制代碼代碼如下:

console.log(3 * []);//0
console.log(3 * [2]);//6
console.log(3 * [1,2]);//NaN

console.log(3 + [2]);//32

var now = new Date();
console.log(now + 1);//Wed Mar 26 2014 10:51:39 GMT+0800 (CST)1
console.log(now - 1);//1395802299223
console.log(now * 2);//2791604598448

console.log(true + true);//2
console.log(2 + null);//2, null is converted to 0
console.log(2 + undefined);//NaN, undefined is converted to NaN
console.log(1 + 2 + " cats");//3 cats
console.log(1 + (2 + " cats"));//12 cats

您可能感興趣的文章: