JavaScript類型轉換

前面有一篇文章寫了操作符的一些運算規則,在其中扮演重要角色的就是類型轉換。

一、顯式類型轉換
做顯式類型轉換最簡單的方法就是使用Boolean()、Number()、String()或Object()函數。

轉換為字符串 數字 布爾值 對象
undefined "undefined" NaN false throws TypeError
null "null" 0 false throws TypeError
true "true" 1 new Boolean(true)
false "false" 0 new Boolean(false)
""(空字符串) 0 false new String("")
"1.2"(非空,數字) 1.2 true new String("1.2")
"one"(非空,非數字) NaN true new String("one")
0 "0" false new Number(0)
-0 "0" false new Number(-0)
NaN "NaN" false new Number(NaN)
Infinity "Infinity" true new Number(Infinity)
-Infinity "-Infinity" true new Number(-Infinity)
1 "1" true new Number(1)
{}(任意對象) true
[](任意數組 "" 0 true
[9](一個數字元素 "9" 9 true
['a'](一個其他元素 使用join()方法 NaN true
function(){}任意函數 NaN true

1、toFixed() 方法根據小數點后指定位數將數字轉換為字符串,不使用指數計數法。指定小數點后的位數
2、toExponential() 方法使用指定計數法將數字轉換為指數形式字符串,小數點前只有一位,小數點后使用參數指定。指定小數點后的位數(指數表示)
3、toPrecision() 根據指定的有效數字位數將數字轉換為字符串。指定包含小數點后的總位數

var n=123456.789;
n.toFixed(0);   //"123456"
n.toFixed(2);   //"123456.78"
n.toFixed(5);   //"123456.78900"
n.toExponential(1);  //"1.2e+5"
n.toExponential(3);  //"1.234e+5"
n.toPrecision(4);   //"1.234e+5"
n.toPrecision(7);   //"123456.7"
n.toPrecision(10);   //"123456.7890"

4、parseInt()與parseFloat()
parseInt() 解析整數
parseFloat() 解析整數和浮點數
他們都會跳過任意數量的前導空格,盡可能解析更多數字字符,并忽略后面的內容。

parseInt("3  Bl")              //3
parseFloat("  3.14 fd")        //3.14
parseInt("-12.34 ")             //-12
parseInt("oxFF")                //255
parseInt("-oxFF")                //-255
parseFloat(".1")                   //0.1
parseInt("0.1")                   //0
parseInt(".1")                    //NaN:整數不能以"."開始
parseInt("&12")                    //NaN:整數不能以"&"開始

parseInt() 可以接受第二個可選參數,這個參數指定數字轉換的基數。

二、對象轉換為原始值
所有的對象繼承了兩個轉化方法:
1、toString() 返回一個反映這個對象的字符串。
例如:
數組類=>元素字符串
函數類=>返回函數定義字符串
日期類=>返回一個可讀的日期時間字符串
RegExp類=> 轉換為表示正則表達式的直接量的字符串

[1,2,3].tostring();    //"1,2,3"
(function(){}).toString();   //"function(){}"
/\d+/g.toString();  //  "/\d+/g"
new Date(2010,0,1).toString();  //"Thu Nov 11 2010 00:00:00 GMT+0800 ()"

2、valueOf()

var d=new Date(2010,0,1);
d.valueOf();  //1262275200000
  • JS中 對象->字符串 轉換
    a、如果對象具有toString()方法,則調用這個方法。如果返回一個原始值,JS將這個值轉換為字符串,并返回這個結果。
    b、如果沒有toString()方法或者不返回一個原始值,那么JS將調用valueOf()方法。如果返回值是一個原始值,JS將這個值轉換為字符串,并返回這個結果。
    c、否則,JS無法從toString()和valueOf()中獲得一個原始值,因此將拋出一個類型錯誤異常。
  • JS中 對象->數字 轉換
    a、對象具有valueOf()方法,返回一個原始值,JS將這個原始值轉換為數字,并返回結果。
    b、否則,調用toString()方法,JS返回一個原始值,JS將其轉換并返回。
    c、否則,JS將拋出一個類型錯誤異常。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,563評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,694評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,672評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,965評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,690評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,019評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,013評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,188評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,718評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,438評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,667評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,149評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,845評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,252評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,590評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,384評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容

  • Javascript 中有6種基本類型(包括 symbol),以及對象類型,他們在不同的運算中會被系統轉化為不同是...
    faremax閱讀 844評論 0 3
  • 原始值轉換: 對象轉換為原始值 對象都會從Object繼承valueOf 和toString 方法。默認的valu...
    softbone閱讀 140評論 0 0
  • 臺灣。 去玩完以后我就能下定決心要考研還是安安靜靜地做一個正常二本畢業的大學生了。 所以假期還是得學車,然后德福單...
    S的隨便用賬號閱讀 442評論 0 50
  • 日常的狀態應該是怎么樣的? 這個是常常讓我陷入深思的一個問題,每天都很忙,說好的很多準備事項,卻沒有一項是整場開始...
    馬文小哥哥閱讀 707評論 0 1
  • 書名:招聘面試新發 利益與原則的探測方法 采用輕松面試和壓力面試法的追問法
    V熊閱讀 329評論 0 0