JS數(shù)據(jù)類型轉(zhuǎn)換方法主要有三種：

? ? ? ? ?轉(zhuǎn)換函數(shù)、強(qiáng)制類型轉(zhuǎn)換、利用js變量弱類型轉(zhuǎn)換。

一.轉(zhuǎn)換函數(shù)

? ? ? ? ?parseInt()和parseFloat()兩個(gè)轉(zhuǎn)換函數(shù)。

? ? ? ? ?前者把值轉(zhuǎn)換成整數(shù)，后者把值轉(zhuǎn)換成浮點(diǎn)數(shù)。

? ? ? ? ?只有對(duì)String類型調(diào)用這些方法，這兩個(gè)函數(shù)才能正確運(yùn)行；對(duì)其他類型返回的都是NaN(Not a Number)。

? ? ? ? ?parseInt()判斷：在判斷字符串是否是數(shù)字值前，parseInt()和parseFloat()都會(huì)仔細(xì)分析該字符串。

? ? ? ? ?parseInt()方法首先查看位置0處的 字符，判斷它是否是個(gè)有效數(shù)字；

? ? ? ? ?如果不是，該方法將返回NaN，不再繼續(xù)執(zhí)行其他操作。

? ? ? ? ?但如果該字符是有效數(shù)字，該方法將查看位置1處的字符，進(jìn)行同樣的 測(cè)試。

? ? ? ? ?這一過程將持續(xù)到發(fā)現(xiàn)非有效數(shù)字的字符為止，此時(shí)parseInt()將把該字符之前的字符串轉(zhuǎn)換成數(shù)字。

? ? ? ? 例：

? ? ? ? ?parseInt("1234blue");?? // ? 1234?
? ? ? ? ?parseInt("0xA");?? // ? 10?
? ? ? ? ?parseInt("22.5");?? // ? 22?
? ? ? ? ?parseInt("blue");?? // ? NaN

? ? ? ? 擴(kuò)展：

? ? ? ??parseInt()方法還有基模式，可以把二進(jìn)制、八進(jìn)制、十六進(jìn)制或其他任何進(jìn)制的字符串轉(zhuǎn)換成整數(shù)。

? ? ? ??可以這樣調(diào)用parseInt()方法：?
? ? ? ? ? parseInt("10",?? 2);?? // ? 2?
? ? ? ? ? parseInt("10",?? 8);?? // ? 8?
? ? ? ? ? parseInt("10",?? 10);?? // 10?

? ? ? ?parseFloat()判斷：

? ? ? ? ?從位置0開始查看每個(gè)字符，直到找到第一個(gè)非有效的字符為止，然后把該字 符之前的字符串轉(zhuǎn)換成數(shù)字。

? ? ? ? ?不過，對(duì)于這個(gè)方法來說，第一個(gè)出現(xiàn)的小數(shù)點(diǎn)是有效字符。如果有兩個(gè)小數(shù)點(diǎn)，第二個(gè)小數(shù)點(diǎn)將被看作無效的， parseFloat()方法會(huì)把這個(gè)小數(shù)點(diǎn)之前的字符串轉(zhuǎn)換成數(shù)字。?這意味著字符串 "22.34.5 "將被解析成22.34。?

? ? ? ? ?使用parseFloat()方法的另一不同之處在于，字符串必須以十進(jìn)制形式表示浮點(diǎn)數(shù)，而不能用八進(jìn)制形式或十六進(jìn)制形式。

? ? ? ? 該方法會(huì)忽略前導(dǎo)0，所以八進(jìn)制數(shù)0908將被解析為908。對(duì)于十六進(jìn)制數(shù)0xA，該方法將返回NaN，因?yàn)樵诟↑c(diǎn)數(shù)中，x不是有效字符。此外，parseFloat()也沒有基模式。

? ? ? ? ?parseFloat()例子：??

? ? ? ? ?parseFloat("1234blue");?? //1234.0?
? ? ? ? ?parseFloat("0xA");?? //NaN?
? ? ? ? ?parseFloat("22.5");?? //22.5?
? ? ? ? ?parseFloat("22.34.5");?? //22.34?
? ? ? ? ?parseFloat("0908");?? //908?
? ? ? ? ?parseFloat("blue");?? //NaN

?二.強(qiáng)制類型轉(zhuǎn)換

? ? ? ?Boolean(value)——把給定的值轉(zhuǎn)換成Boolean型；?
? ? ? ?Number(value)——把給定的值轉(zhuǎn)換成數(shù)字（可以是整數(shù)或浮點(diǎn)數(shù)）；?
? ? ? ?String(value)——把給定的值轉(zhuǎn)換成字符串。?
? ? ? ?用這三個(gè)函數(shù)之一轉(zhuǎn)換值，將創(chuàng)建一個(gè)新值，存放由原始值直接轉(zhuǎn)換成的值。這會(huì)造成意想不到的后果。?
? ? ? ?當(dāng)要轉(zhuǎn)換的值是至少有一個(gè)字符的字符串、非0數(shù)字或?qū)ο髸r(shí)，Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字0、undefined或null，它將返回false。

? ? ? ?Boolean型的強(qiáng)制類型轉(zhuǎn)換：

? ? ? ??Boolean("");?? //false?? –?? empty?? string?
? ? ? ? Boolean("hi");?? //true?? –?? non-empty?? string?
? ? ? ? Boolean(100);?? //true?? –?? non-zero?? number?
? ? ? ? Boolean(null);?? //false?? -?? null?
? ? ? ? Boolean(0);?? //false?? -?? zero?
? ? ? ? Boolean(new?? Object());?? //true?? –?? object

? ? ? ? Number()的強(qiáng)制類型轉(zhuǎn)換

? ? ? ??Number(false)?? 0?
? ? ? ? Number(true)?? 1?
? ? ? ? Number(undefined)?? NaN?
? ? ? ? Number(null)?? 0?
? ? ? ? Number( "5.5 ")?? 5.5?
? ? ? ? Number( "56 ")?? 56?
? ? ? ? Number( "5.6.7 ")?? NaN?
? ? ? ? Number(new?? Object())?? NaN?
? ? ? ? Number(100)?? 100 ?

? ? ? ?String()的強(qiáng)制類型轉(zhuǎn)換

? ? ? ? 它可把任何值轉(zhuǎn)換成字符串。要執(zhí)行這種強(qiáng)制類型轉(zhuǎn)換，只需要調(diào)用作為參數(shù)傳遞進(jìn)來的值的 toString()方法，即把1轉(zhuǎn)換成?? "1 "，把true轉(zhuǎn)換成 "true "，把false轉(zhuǎn)換成 "false "，依此類推。

? ? ? ? 強(qiáng)制轉(zhuǎn)換成字符串和調(diào)用toString()方法的唯一不同之處在于，對(duì)null或undefined值強(qiáng)制類型轉(zhuǎn)換可以生成字符串而不引發(fā)錯(cuò)誤：

? ? ? ??var?? s1?? =?? String(null);?? //"null"?
? ? ? ? var?? oNull?? =?? null;?
? ? ? ? var?? s2?? =?? oNull.toString();?? //won’t?? work,?? causes?? an?? error

三.利用JS弱類型轉(zhuǎn)換

? ? ? ?<script>?
? ? ? ? ?var?? str= '012.345 ';?
? ? ? ? ?var?? x?? =?? str-0;?
? ? ? ? ?x?? =?? x*1；

? ? ? ? ?alert（x）; //12.345

? ? ? ? </script>

?

轉(zhuǎn)載于:https://www.cnblogs.com/hanxuming/p/5762967.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的《JS权威指南学习总结--3.8类型转换》的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。