国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript中的值類型轉換介紹

2024-05-06 16:13:22
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了JavaScript中的值類型轉換介紹,本文講解了值類型轉換規則、值類型轉換與比較、顯式類型轉換、對類型自動轉換的使用等內容,需要的朋友可以參考下
 
 

在JavaScript中進行+、-、*、/、==、!=等運算時,如果操作符左右兩邊的值類型與預期類型不一致,JavaScript會將操作符兩邊的值轉換成預期的類型后再進行操作。預期值類型為string時,JavaScript會將值轉換為string;預期值類型為number時,JavaScript會將值轉換為number (如果無法轉換為數值,則返回NaN)比如:

 

 

復制代碼代碼如下:

console.log(10 + " cats");//10 cats
console.log(10 * " cats");//NaN, " cats" will be converted to NaN
console.log(10 + "2");//102
console.log(10 - "2");//8
console.log(10 / "2");//5
console.log(10 * "2");//20
console.log(10 * " 2");//20
console.log("10" * "2");//20

 

 

值類型轉換規則

 

JavaScript中的值轉換規則可以參考“JavaScript – The Definitive Guide”一書中的Table 3-2. JavaScript type conversions。比較值得注意的一些地方是:

 

1.undefined轉換成number后結果為NaN。
2.null轉換成number后結果為0。
3.空字符串”"轉換成number后結果為0。
4.-0轉換成string后結果為”0″。
5.空數組[]轉換成number后結果為0。
6.僅有一個number成員的數組(如[9])轉換成number后結果為該numer值(9)。

 

當JavaScript將string轉換成number時,有兩個比較有趣的規則:

 

1.JavaScript會將字符串開頭和結尾處的空白字符刪除后再進行轉換,因此像” 42 “這樣的字符串可以順利的被轉換成數字42。

2.刪除開頭和結尾處的空白字符后,如果字符串中依然包含非數字字符,那么該字符串會被轉換成NaN。比如:”3 m”就會被轉換成NaN。

 

實例:

 

 

復制代碼代碼如下:

console.log(10 * " 3 ");//30
console.log(10 * "3 m");//NaN, "3 m" will be converted to NaN

 

 

值類型轉換與比較

 

在JavaScript中,等于操作符(==)的使用會涉及到值類型轉換:如果==操作符兩邊的值類型不一致,那么JS會將它們轉換成一致的類型后再加以判斷。需要小心的是,兩個不同類型的值,經過類型轉換后也許可以等價,但這并不意味著對它們使用==操作符的結果就一定為true。一個簡單的例子是undefined和false:將undefined轉換成boolean類型后結果剛好為false,但事實上undefined==false的結果卻為false。

 

顯式類型轉換

 

使用JavaScript的類型自動轉換非常便捷,但同時也很容易帶來諸如代碼可維護性等問題。為了使程序代碼更加清晰、減少歧義,有時會在JS程序中使用顯式類型轉換:

復制代碼代碼如下:

Number("3")//3
String(false)//"false"
Boolean([])//true

大多數情況下,顯式類型轉換的結果與JS自動類型轉換的結果是一致的;但存在1個特例:當將null或者undefined自動轉換成Object時,JS將拋出TypeError錯誤;但當顯式地將null或者undefined轉換成Object時,JS將返回一個空的對象:
復制代碼代碼如下:

console.log(Object(undefined));//empty object
console.log(Object(null));//empty object

同時,如果顯式轉換所指定的類型與JS自動轉換所指定的類型不一樣,那么,得到的結果也不一樣。比如之前所提及的undefined==false結果為false;如果顯式指定轉換類型為Boolean,那么得到的結果就為true了:
復制代碼代碼如下:

console.log(undefined == false);//false
console.log(Boolean(undefined) == Boolean(false));//true

 

 

對類型自動轉換的使用

 

在JS中,可以使用值類型的自動轉換,通過操作符來達到和顯式轉換一樣的效果,比如:

復制代碼代碼如下:

console.log(false + "");//"false"
console.log(+false);//0
console.log(!!3);//true
 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 许昌市| 石河子市| 洛宁县| 呼玛县| 天台县| 安龙县| 郎溪县| 海盐县| 汽车| 扶风县| 通海县| 澄迈县| 潞城市| 永安市| 景谷| 红原县| 阜宁县| 锡林浩特市| 阆中市| 大英县| 历史| 台东市| 沐川县| 礼泉县| 安宁市| 巴林左旗| 商水县| 德江县| 井冈山市| 罗城| 西城区| 莆田市| 德州市| 田阳县| 抚宁县| 登封市| 金坛市| 迁安市| 抚顺市| 荥经县| 隆安县|