快捷導(dǎo)航

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

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

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

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

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

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

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

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

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

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

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

3.如果上述兩點(diǎn)均無法滿足，那么JS將拋出TypeError錯(cuò)誤。

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

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

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

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

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

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

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

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

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

實(shí)驗(yà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

您可能感興趣的文章: