首頁 > web前端 > js教程 > js資料型別的轉換實例

js資料型別的轉換實例

小云云
發布: 2018-03-10 15:11:27
原創
1406 人瀏覽過

本文主要跟大家分享js資料型別的轉換實例,希望能幫助大家。

基本資料型別

把其他資料型別轉換成number型別

  • isNaN、Number、parseInt、parseFloat

  • 在進行加減乘除數學運算的時候

true -> 1  false -> 0'' ->
 0'1' -> 1'12px' -> true/12/NaNnull ->
  0undefined -> NaN{} /^$/ function()
  {} -> NaN[] -> 0[12,23] -> NaN//=>
   通过toStirng把数组转换为字符串<br>
   // 然后Number把字符串转换为数字
登入後複製

js中的數學運算

  • +、-、*、/ 加減乘除

  • #除了加法運算有特殊性,其餘的運算子都是數學運算,也就是遇到非數字類型,先轉換為
    number類型,再進行計算

1-'1' -> 010 * null -> 010 / undefined -> NaN10 * [10] -> 100
登入後複製
登入後複製
  • 加法的特殊性: 在遇到字串的時候,+是字串拼接,不遇到字串就是數學運算

1+'1' -> '11'null+'1' -> 'null1'//=>把其他值先转换为字符串再进行拼接对象.toString() -> '[object object]'
登入後複製
登入後複製

思考

1+null+true+undefined+[]+'xieth'+null+undefined+[]+10
登入後複製
登入後複製

結果

##
"NaNxiethnullundefined10"Number(undefined) -> 
NaN//Number在进行转换的时候,只要包含非有效数字,返回都为NaN
登入後複製
將其他型別轉換為布林型別

  • Boolean、!、!!

  • Boolean、!、!!

在條件判斷的時候,也是轉換為布林類型,然後驗證條件的真假

只有0 NaN null undefined 空字串-> 轉換為false
其餘都為true

js中資料類型的轉換

基本資料型別
  • #把其他資料型別轉換成number型別

  • isNaN、Number、parseInt、parseFloat

#在進行加減乘除數學運算的時候

true -> 1  false -> 0'' -> 0'1' -> 1'12px' -> 
true/12/NaNnull -> 0undefined -> NaN{} 
/^$/ function(){} -> NaN[] -> 0[12,23] -> 
NaN//=> 通过toStirng把数组转换为字符串<br>
// 然后Number把字符串转换为数字
登入後複製
  • js中的數學運算


  • +、-、*、/ 加減乘除

    除了加法運算有特殊性,其餘的運算子都是數學運算,也就是遇到非數字型,先轉換為
  • number類型,再進行計算

    ##
    1-'1' -> 010 * null -> 010 / undefined -> NaN10 * [10] -> 100
    登入後複製
    登入後複製
加法的特殊性: 在遇到字串的時候,+是字串拼接,不遇到字串就是數學運算

#
1+'1' -> '11'null+'1' -> 'null1'//=>把其他值先转换为字符串再进行拼接对象.toString() -> '[object object]'
登入後複製
登入後複製

思考

1+null+true+undefined+[]+'xieth'+null+undefined+[]+10
登入後複製
登入後複製

結果

"NaNxiethnullundefined10"Number(undefined) -> NaN//Number在进行转换的时候,只要包含非有效数字,返回都为NaN
登入後複製
  • 將其他類型轉換為布林類型

  • Boolean、!、!!

在條件判斷的時候,也是轉換成布林類型,然後驗證條件的真假


#只有0 NaN null undefined 空字串-> 轉換為false

其餘皆為true

相關推薦:

JavaScript基礎心法 資料型別

############################# ##php常數與資料型別實例詳解############JavaScript中的特殊資料型別詳解######

以上是js資料型別的轉換實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
怎麼實作 JavaScript點與圓的位置關係
來自於 1970-01-01 08:00:00
0
0
0
JavaScript鉤子函數是什麼?
來自於 1970-01-01 08:00:00
0
0
0
c++ 呼叫javascript
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板