目錄:
1 : 偽對象
2 : 轉換為字符串
3 : 數字轉字符串
4 : 轉換為數字
5 : 轉換為Boolean
6 : Number()和parseInt()的區別
7 : String()和toString()的區別
1 : 偽對象
偽對象:javascript是一門很有意思的語言,即便是基本類型,也是偽對象,所以他們都有屬性和方法。
變量a的類型是字符串,通過調用其為偽對象的屬性length獲取其長度 。
<script> var a="hello javascript"; document.write("變量a的類型是:"+(typeof a)); document.write("<br>"); document.write("變量a的長度是:"+a.length); </script>
運行效果:
變量a的類型是:string
變量a的長度是:16
2 : 轉換為字符串
無論是Number,Boolean還是String都有一個toString方法,用於轉換為字符串
<script> var a=10; document.write("數字 "+a+" 轉換為字符串"+a.toString()); document.write("<br>"); var b=true; document.write("布爾 "+b+" 轉換為字符串"+b.toString()); document.write("<br>"); var c="hello javascript"; document.write("字符串 "+c+" 轉換為字符串 "+c.toString()); document.write("<br>"); </script>
運行效果:
數字 10 轉換為字符串10
布爾 true 轉換為字符串true
字符串 hello javascript 轉換為字符串 hello javascript
3 : 數字轉字符串
Number轉換為字符串的時候有默認模式和基模式兩種
<script> var a=10; document.write('默認模式下,數字10轉換為十進制的'+a.toString()); //默認模式,即十進制 document.write("<br>"); document.write('基模式下,數字10轉換為二進制的'+a.toString(2)); //基模式,二進制 document.write("<br>"); document.write('基模式下,數字10轉換為八進制的'+a.toString(8)); //基模式,八進制 document.write("<br>"); document.write('基模式下,數字10轉換為十六進制的'+a.toString(16)); //基模式,十六進制 document.write("<br>"); </script>
運行效果:
默認模式下,數字10轉換為十進制的10
基模式下,數字10轉換為二進制的1010
基模式下,數字10轉換為八進制的12
基模式下,數字10轉換為十六進制的a
4 : 轉換為數字
javascript分別提供內置函數 parseInt()和parseFloat(),轉換為數字
注:如果被轉換的字符串,同時又數字和字符構成,那麼parseInt會一直定位數字,直到出現非字符。 所以"10abc" 會被轉換為 10
思考題: 字符串"10abc8" 又會被轉換為多少呢?
<script> document.write("字符串的\"10\"轉換為數字的:"+parseInt("10")); //轉換整數 document.write("<br>"); document.write("字符串的\"3.14\"轉換為數字的:"+parseFloat("444 3.14"));//轉換浮點數 document.write("<br>"); document.write("字符串的\"10abc\"轉換為數字的:"+parseInt("10abc")); //判斷每一位,直到發現不是數字的那一位 document.write("<br>"); document.write("字符串的\"hello javascript\"轉換為數字的:"+parseInt("h5555ello javascript")); //如果完全不包含數字,則返 回NaN - Not a Number document.write("<br>"); </script>
運行效果:
字符串的"10"轉換為數字的:10
字符串的"3.14"轉換為數字的:444
字符串的"10abc"轉換為數字的:10
字符串的"hello javascript"轉換為數字的:NaN
5 : 轉換為Boolean
使用內置函數Boolean() 轉換為Boolean值
當轉換字符串時:
非空即為true
當轉換數字時:
非0即為true
當轉換對象時:
非null即為true
<script> document.write("空字符串''轉換為布爾後的值:"+Boolean("")); //空字符串 document.write("<br>"); document.write("非空字符'hello javascript '串轉換為布爾後的值:"+Boolean("hello javascript")); //非空字符串 document.write("<br>"); document.write("數字 0 轉換為布爾後的值:"+Boolean(0)); //0 document.write("<br>"); document.write("數字 3.14 轉換為布爾後的值:"+Boolean(3.14)); //非0 document.write("<br>"); document.write("空對象 null 轉換為布爾後的值:"+Boolean(null)); //null document.write("<br>"); document.write("非對象 new Object() 轉換為布爾後的值:"+Boolean(new Object())); //對象存在 document.write("<br>"); </script>
運行效果:
空字符串''轉換為布爾後的值:false
非空字符'hello javascript '串轉換為布爾後的值:true
數字 0 轉換為布爾後的值:false
數字 3.14 轉換為布爾後的值:true
空對象 null 轉換為布爾後的值:false
非對象 new Object() 轉換為布爾後的值:true
6 : Number()和parseInt()的區別
Number()和parseInt()一樣,都可以用來進行數字的轉換
區別在於,當轉換的內容包含非數字的時候,Number() 會返回NaN(Not a Number)
parseInt() 要看情況,如果以數字開頭,就會返回開頭的合法數字部分,如果以非數字開頭,則返回NaN
<script> document.write("通過Number() 函數轉換字符串'123' 後得到的數字:"+Number("123")); //正常的 document.write("<br>"); document.write("通過Number() 函數轉換字符串'123abc' 後得到的數字:"+Number("123abc")); //包含非數字 document.write("<br>"); document.write("通過Number() 函數轉換字符串'abc123' 後得到的數字:"+Number("abc123")); //包含非數字 document.write("<br>"); document.write("通過parseInt() 函數轉換字符串'123' 後得到的數字:"+parseInt("123")); //正常的 document.write("<br>"); document.write("通過parseInt() 函數轉換字符串'123abc' 後得到的數字:"+parseInt("123abc")); //包含非數字,返回開頭的合法 數字部分 document.write("<br>"); document.write("通過parseInt() 函數轉換字符串'abc123' 後得到的數字:"+parseInt("abc123")); //包含非數字,以非數字開頭, 返回NaN document.write("<br>"); </script>
運行效果:
通過Number() 函數轉換字符串'123' 後得到的數字:123
通過Number() 函數轉換字符串'123abc' 後得到的數字:NaN
通過Number() 函數轉換字符串'abc123' 後得到的數字:NaN
通過parseInt() 函數轉換字符串'123' 後得到的數字:123
通過parseInt() 函數轉換字符串'123abc' 後得到的數字:123
通過parseInt() 函數轉換字符串'abc123' 後得到的數字:NaN
7 : String()和toString()的區別
String()和toString()一樣都會返回字符串,區別在於對null的處理
String()會返回字符串"null"
toString() 就會報錯,無法執行
<script> var a = null; document.write('String(null) 把空對象轉換為字符串:'+String(a)); document.write("<br>"); document.write('null.toString() 就會報錯,所以後面的代碼不能執行'); document.write(a.toString()); document.write("因為第5行報錯,所以這一段文字不會顯示"); </script>
運行效果:
String(null) 把空對象轉換為字符串:null
null.toString() 就會報錯,所以後面的代碼不能執行
以上就是小編為大家帶來的老生常談javascript的類型轉換全部內容了,希望大家多多支持~