數(shù)據(jù)類型轉(zhuǎn)換

JS 數(shù)據(jù)類型轉(zhuǎn)換 方法主要有三種 轉(zhuǎn)換函數(shù)、強制類型轉(zhuǎn)換项戴、利用js變量弱類型轉(zhuǎn)換茬斧。

1. 轉(zhuǎn)換函數(shù): js提供了parseInt()和parseFloat()兩個轉(zhuǎn)換函數(shù)吧寺。前者把值轉(zhuǎn)換成整數(shù),后者把值轉(zhuǎn)換成浮點數(shù)橄仍。只有對String類型調(diào)用這些方法韧涨,這兩個函數(shù)才能正確運行;對其他類型返回的都是NaN(Not a Number)。 在判斷字符串是否是數(shù)字值前氓奈,parseInt()和parseFloat()都會仔細分析該字符串翘魄。parseInt()方法首先查看位置0處的 字符,判斷它是否是個有效數(shù)字舀奶;如果不是暑竟,該方法將返回NaN,不再繼續(xù)執(zhí)行其他操作育勺。但如果該字符是有效數(shù)字但荤,該方法將查看位置1處的字符,進行同樣的 測試涧至。這一過程將持續(xù)到發(fā)現(xiàn)非有效數(shù)字的字符為止腹躁,此時parseInt()將把該字符之前的字符串轉(zhuǎn)換成數(shù)字。 例如南蓬,如果要把字符串 "1234blue "轉(zhuǎn)換成整數(shù)纺非,那么parseInt()將返回1234,因為當(dāng)它檢測到字符b時赘方,就會停止檢測過程烧颖。字符串中包含的數(shù)字字面量會被正確轉(zhuǎn)換為數(shù)字,因此 字符串 "0xA "會被正確轉(zhuǎn)換為數(shù)字10窄陡。不過炕淮,字符串 "22.5 "將被轉(zhuǎn)換成22,因為對于整數(shù)來說跳夭,小數(shù)點是無效字符涂圆。

一些示例如下:

parseInt("1234blue"); ?//returns? ?1234

parseInt("0xA"); ?//returns? ?10

parseInt("22.5");//returns? ?22

parseInt("blue"); ?//returns? ?NaN parseInt()

方法還有基模式,可以把二進制币叹、八進制润歉、十六進制或其他任何進制的字符串轉(zhuǎn)換成整數(shù)√着穑基是由parseInt()方法的第二個參數(shù)指定的卡辰,所以要解析十六進制的值,需如下調(diào)用parseInt()方法: parseInt("AF",? ?16);? ?//returns? ?175 當(dāng)然邪意,對二進制九妈、八進制,甚至十進制(默認模式)雾鬼,都可以這樣調(diào)用parseInt()方法:

parseInt("10",? ?2);?? //returns

2 parseInt("10",? ?8);? ?//returns? ?8

parseInt("10",? ?10);? ?//returns? ?10

如果十進制數(shù)包含前導(dǎo)0萌朱,那么最好采用基數(shù)10,這樣才不會意外地得到八進制的值策菜。

例如: parseInt("010");? ?//returns? ?8

parseInt("010",? ?8);? ?//returns? ?8

parseInt("010",? ?10);? ?//returns? ?10

在這段代碼中晶疼,兩行代碼都把字符串 "010 "解析成了一個數(shù)字酒贬。第一行代碼把這個字符串看作八進制的值,解析它的方式與第二行代碼(聲明基數(shù)為8)相同翠霍。最后一行代碼聲明基數(shù)為10锭吨,所以iNum3最后等于10。 parseFloat()方法與parseInt()方法的處理方式相似寒匙,從位置0開始查看每個字符零如,直到找到第一個非有效的字符為止,然后把該字 符之前的字符串轉(zhuǎn)換成數(shù)字锄弱。不過考蕾,對于這個方法來說,第一個出現(xiàn)的小數(shù)點是有效字符会宪。如果有兩個小數(shù)點肖卧,第二個小數(shù)點將被看作無效的, parseFloat()方法會把這個小數(shù)點之前的字符串轉(zhuǎn)換成數(shù)字掸鹅。這意味著字符串 "22.34.5 "將被解析成22.34塞帐。 使用parseFloat()方法的另一不同之處在于,字符串必須以十進制形式表示浮點數(shù)河劝,而不能用八進制形式或十六進制形式壁榕。該 方法會忽略前導(dǎo)0,所以八進制數(shù)0908將被解析為908赎瞎。對于十六進制數(shù)0xA,該方法將返回NaN颊咬,因為在浮點數(shù)中务甥,x不是有效字符。此外喳篇,parseFloat()也沒有基模式敞临。

下面是使用parseFloat()方法的示例:

parseFloat("1234blue");? ?//returns? ?1234.0

parseFloat("0xA");? ?//returns? ?NaN

parseFloat("22.5");? ?//returns? ?22.5

parseFloat("22.34.5");? ?//returns? ?22.34

parseFloat("0908");? ?//returns? ?908

parseFloat("blue");? ?//returns? ?NaN 2.

強制類型轉(zhuǎn)換 還可使用強制類型轉(zhuǎn)換(type casting)處理轉(zhuǎn)換值的類型。使用強制類型轉(zhuǎn)換可以訪問特定的值麸澜,即使它是另一種類型的挺尿。 ECMAScript中可用的3種強制類型轉(zhuǎn)換如下:

Boolean(value)——把給定的值轉(zhuǎn)換成Boolean型;

Number(value)——把給定的值轉(zhuǎn)換成數(shù)字(可以是整數(shù)或浮點數(shù))炊邦;

String(value)——把給定的值轉(zhuǎn)換成字符串编矾。

用這三個函數(shù)之一轉(zhuǎn)換值,將創(chuàng)建一個新值馁害,存放由原始值直接轉(zhuǎn)換成的值窄俏。這會造成意想不到的后果。 當(dāng)要轉(zhuǎn)換的值是至少有一個字符的字符串碘菜、非0數(shù)字或?qū)ο螅ㄏ乱还?jié)將討論這一點)時凹蜈,Boolean()函數(shù)將返回true限寞。如果該值是空字符串、數(shù)字0仰坦、undefined或null履植,它將返回false。

可以用下面的代碼段測試Boolean型的強制類型轉(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()的強制類型轉(zhuǎn)換與parseInt()和parseFloat()方法的處理方式相似静尼,只是它轉(zhuǎn)換的是整個值,而不是部分值传泊。還記 得嗎鼠渺,parseInt()和parseFloat()方法只轉(zhuǎn)換第一個無效字符之前的字符串,因此 "4.5.6 "將被轉(zhuǎn)換為 "4.5 "眷细。用Number()進行強制類型轉(zhuǎn)換拦盹, "4.5.6 "將返回NaN,因為整個字符串值不能轉(zhuǎn)換成數(shù)字溪椎。如果字符串值能被完整地轉(zhuǎn)換普舆,Number()將判斷是調(diào)用parseInt()方法還是調(diào)用 parseFloat()方法。

下表說明了對不同的值調(diào)用Number()方法會發(fā)生的情況: 用  法 結(jié)  果 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? 最后一種強制類型轉(zhuǎn)換方法String()是最簡單的校读,因為它可把任何值轉(zhuǎn)換成字符串沼侣。要執(zhí)行這種強制類型轉(zhuǎn)換,只需要調(diào)用作為參數(shù)傳遞進來的值的 toString()方法歉秫,即把1轉(zhuǎn)換成? ?"1 "蛾洛,把true轉(zhuǎn)換成 "true ",把false轉(zhuǎn)換成 "false "雁芙,依此類推轧膘。強制轉(zhuǎn)換成字符串和調(diào)用toString()方法的唯一不同之處在于,對null或undefined值強制類型轉(zhuǎn)換可以生成字符串而不引 發(fā)錯誤: var? ?s1? ?=? ?String(null);? ?//"null" var? ?oNull? ?=? ?null; var? ?s2? ?=? ?oNull.toString();? ?//won’t? ?work,? ?causes? ?an? ?error 3.

利用js變量弱類型轉(zhuǎn)換 舉個小例子兔甘,一看谎碍,就會明白了。

var? ?str= '012.345 ';

var? ?x? ?=? ?str-0;

x? ?=? ?x*1;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末洞焙,一起剝皮案震驚了整個濱河市蟆淀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌澡匪,老刑警劉巖熔任,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異仙蛉,居然都是意外死亡笋敞,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門荠瘪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來夯巷,“玉大人赛惩,你說我怎么就攤上這事〕貌停” “怎么了喷兼?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長后雷。 經(jīng)常有香客問我季惯,道長,這世上最難降的妖魔是什么臀突? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任勉抓,我火速辦了婚禮,結(jié)果婚禮上候学,老公的妹妹穿的比我還像新娘藕筋。我一直安慰自己,他們只是感情好梳码,可當(dāng)我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布隐圾。 她就那樣靜靜地躺著,像睡著了一般掰茶。 火紅的嫁衣襯著肌膚如雪暇藏。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天濒蒋,我揣著相機與錄音盐碱,去河邊找鬼。 笑死啊胶,一個胖子當(dāng)著我的面吹牛甸各,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播焰坪,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼聘惦!你這毒婦竟也來了某饰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤善绎,失蹤者是張志新(化名)和其女友劉穎黔漂,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體禀酱,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡炬守,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了剂跟。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片减途。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡酣藻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鳍置,到底是詐尸還是另有隱情辽剧,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布税产,位于F島的核電站怕轿,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏辟拷。R本人自食惡果不足惜撞羽,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望衫冻。 院中可真熱鬧诀紊,春花似錦、人聲如沸羽杰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽考赛。三九已至惕澎,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間颜骤,已是汗流浹背唧喉。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留忍抽,地道東北人八孝。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像鸠项,于是被迫代替她去往敵國和親干跛。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容