javascript不同類型數(shù)據(jù)之間的運算的轉(zhuǎn)換方法

2019-11-20 21:06:40

字體：大中小

供稿：網(wǎng)友

js中不同類型的基礎(chǔ)數(shù)據(jù)之間可以轉(zhuǎn)換，這種轉(zhuǎn)換是有規(guī)則可尋的，并非隨意的隨機的。在js中有5種基礎(chǔ)類型數(shù)據(jù)：string、number、boolean、null、undefined，其中，常用于計算或者比較的類型是前面三種。

基礎(chǔ)數(shù)據(jù)之間的轉(zhuǎn)換

其它類型轉(zhuǎn)化數(shù)字
原始數(shù)據(jù)類型	目標(biāo)類型Number
undefined	NaN
null	0
false	0
true	1
數(shù)字串	相應(yīng)的數(shù)字
不能轉(zhuǎn)化的字符串	NaN

其它類型轉(zhuǎn)化為字符串
原始數(shù)據(jù)類型	目標(biāo)類型String
undefined	undefined
null	null
false	false
true	true
數(shù)字	數(shù)字字符串

不同類型的基礎(chǔ)數(shù)據(jù)之間的加法，數(shù)據(jù)先轉(zhuǎn)換為number，然后轉(zhuǎn)換為string(如果有string類型數(shù)據(jù)參與運算)

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

null + undefined // 0+NaN

null + false // 0+0

1 + true // 1+1

1 + '1' //'11';數(shù)字與字符串相加結(jié)果是字符串

1 + 2 + '3' //'33';(1+2)的結(jié)果然后與'3'相加;這里要把每一步加法單獨拆開來看,否則變成和下面一樣的結(jié)果了.

1 + (2 +'3') //'123';先運算2+'3',然后1+'23'

's' + null //'snull'

's' + undefined // 'sundefined'

's' + true //'strue'

1 + true + undefined + 's' // 1+1+NaN+'s'=2+NaN+'s'=NaN+'s'=NaNs

對象參與加減法運算

對象參與基礎(chǔ)類型數(shù)據(jù)運算，先轉(zhuǎn)化為基礎(chǔ)類型。先調(diào)用其valueOf方法，如果返回的不是基礎(chǔ)類型，再調(diào)用其toString方法,如果返回的還不是基礎(chǔ)類型，則拋出錯誤。但是，Date數(shù)據(jù)剛好相反

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

//為了便于觀察重寫Date的toString方法和valueOf方法 

Date.prototype.toString = function(){ 
    return 1; 
} 

Date.prototype.valueOf = function(){ 

    return 2; 
} 

var a = new Date, 
    b = new Date; 

a + b; // 調(diào)用toString，1 + 1，結(jié)果是2 

// 再重寫toString方法 

Date.prototype.toString = function(){ 

    return {}; 
} 

var c = new Date, 
    d = new Date; 

c + d; // 調(diào)用toString方法返回的不是基礎(chǔ)類型，再調(diào)用valueOf，2 + 2，結(jié)果是4 

// 再重寫valueOf方法 
Date.prototype.valueOf = function(){ 

    return {}; 
} 

var e = new Date, 
    f = new Date; 

e + f; // 報錯 