JavaScript類型轉換方法及需要注意的問題小結(挺全面)

來源:互聯網
上載者:User

一、類型轉換的方法和應該注意的問題:
1. 轉換為布爾型:
(1)用兩次非運算(!):
!!5 ==> true
(2)用布爾型的建構函式:
new Boolean(5) == > true
值轉換為布爾類型為false:
0,+0,-0,NaN,""(Null 字元串),undefined,null
除上面的值其他值在轉換以後為true,需要特別提到的是:
"0",new Object(),function(){}
2. 轉換為字串類型:
(1)加上Null 字元串"":
123 + "" = "123"
(2)用字串建構函式:
new String(123) = "123".
需要特別注意的轉化:
+0 ==> "0"
-0 ==> "0"
-Infinity ==>"-Infinity"
+Infinity ==>"+Infinity"
NaN ==> "NaN"
undefined ==> "undefined"
null ==> "null"
new Object() ==> "[object Object]"
function(){} ==> "function(){}"
3. 轉換為數值型:
(1) 取正(+), 減零 (-0), 乘一,(*1),除以一(/1),取負(-,這個得到相反的值)。
+"123" = 123
+true = 1
(2)用建構函式Number();
new Number("123") = 123
幾個需要特別注意的轉化:
""(Null 字元串) ==> 0
"010" ==> 10
"0x10"(16進位) ==> 16
"-010" ==> -10
"-0x10" ==> NaN
undefined ==> NaN
null ==> 0
true ==> 1
false ==> 0
new Object() ==> NaN
new function(){} ==> NaN

二、隱式類型轉換:
(1)二元加法運算(+):如果兩個運算元中有一個是String類型,將把兩個運算元轉換為String類型再相加。
如果兩個運算元中沒有字串類型,那麼將把兩個運算元轉換為數實值型別再做運算。
舉例:
"123"+123 = "123123";
123+123 = 246
true + true = 2
true + undefined = NaN (因為undefined轉換為數值為NaN,所有結果為NaN)
true + null = 1 (null轉換為數字是0)
"123" + null = "123null" (包含字串將轉化為字串相加)
"123" + undefined = "123undefined" (undefined同樣適用)
1 + 2 + "123" = "3123" (1+2是首先按照數值型計算的)
(2)二元減乘除運算(-*/):因為只有數實值型別才有 - * / 運算,所以會先將兩個運算元轉換為數值型再做運算。
"123"-123 = 0
(3)一元取正(+),取負運算子(-):取正或者取負都是針對數值型的運算,所以會將運算元轉換為數值型再做運算。
+"123" = 123
-"123" = -123
+"123e" = NaN
+"123f" = NaN
+"123e-2" = 1.23
(4)一元非(!)運算子:非運算子需要將運算元轉化為布爾類型。
!"123" = false
!!"123" = true
!123 = false
!!123 = true
(5)邏輯運算子(&&)和(||):
在&&或者||的兩側被判斷的時候會被轉為布爾類型進行判斷,
但是我在測試的時候卻發現一個有趣的事情。
&&運算子:如果有一個項為false,那麼運算式返回false,如果所有的項都不為false,那麼運算式返回最右邊一個項的原始值。
舉例:
123 && 23 && 45 返回 45,而不是我們想象中的true.
所以如果有 123 && 23 == true 那麼應該是false。
至於if(123 && 23) 認為是true那應該是把23轉換為布爾類型了。
||運算子:
對 || 測試的結果也和我想象的不一樣,|| 返回第一個轉換以後不為false的值,如果都為false,它將返回最後一個為false的值(未進行類型轉化之前的值)。
舉例:
123 || 23 返回 123,而不是想象中的true.
false || null 返回null, 而不是想象中的false。
三、類型轉換函式
1.parseFloat轉換為浮點數:
字元解析函數擷取每一個字元直到遇到不屬於數值的字元,然後返回它已擷取的數值.
幾個需要特別注意的:
""(Null 字元串) ==> NaN
"123e-2" == > 1.23 (科學計演算法是可以識別的)
"010" ==> 10 (8進位不能識別)
"0x10"==> 0 (16進位不識別)
"-010" ==> -10
null,undefined,true,false,new Object(),function(){} ==> NaN
2.parseInt轉換為有符號整數:
跟parseFloat相似,但是他會把小數位舍掉(注意不是四捨五入,是完全捨棄,跟Math.floor處理方式一樣),而且他可以識別八進位和16進位表示方式:
123e-2 == > 1
"123e-2" ==> 123
"010" == > 8
"0x10" ==> 16
"-010" == > -8
"-0x10" ==> -16
null,undefined,true,false,new Object(),function(){},-Infinity +Infinity NaN ==> NaN
3.三個取整函數的區別
(1)Math.ceil():“天花板”,很形象吧?就是取大於等於參數的最小整數。
8.7 == > 9
-8.7==> -8
(2)Math.floor():"地板",取小於等於參數的最小整數。
8.7 ==> 8
-8.7 ==> -9
(3)Math.round():"四捨五入"取整數。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.