toString()方法詳解

在類型轉換中,經常用到方法valueOf()toString(),上一篇講了valueOf()方法,這一篇來說說toString()方法。toSting()方法返回返回對象的字符串表現(xiàn)。

【1】基本包裝類型——Boolean型

   var obj = new Boolean(true);
   console.log(obj.toString());//"true"
   console.log(typeof obj.toString());//string
   //如果是包裝類型的基本類型,則返回原基本類型值
    var a = true;
   console.log(a.toString());//"true"
   console.log(typeof a.toString());//string

如果是基本包裝類型對應的基本類型,會返回原值。但這并不代表基本類型擁有toString()方法(基本類型不是對象,不擁有任何方法),而是在讀取一個基本類型值時,后臺會創(chuàng)建一個對應的基本包裝類型的對象,從而調用一些方法。所以,基本類型“調用”toString()方法時,實際上是先創(chuàng)建了一個對應的基本包裝類型,由此基本包裝類型調用toString()最后返回了其對應的字符串,看起來就好像是基本類型調用了toString()方法而得到了對應的字符串。

【2】基本包裝類型——String型

   var obj = new String("hello");
   console.log(obj.toString());//hello
   console.log(typeof obj.toString());//string
   //如果是包裝類型的基本類型,則返回原基本類型值
    var a = "hello";
   console.log(a.toString());//hello
   console.log(typeof a.toString());//string

同【1】,String基本包裝類型和基本類型調用toString()方法都返回對應的字符串

【3】基本包裝類型——Number型

   var obj = new Number("123");
   console.log(obj.toString());//123
   console.log(typeof obj.toString());//string
   //如果是包裝類型的基本類型,則返回原基本類型值
    var a = 123;
   console.log(a.toString());//123
   console.log(typeof a.toString());//string

同【1】,Number基本包裝類型和基本類型調用toString()方法都返回對應的字符串。
注意,如果直接用整數(shù)調用時,要加上括號,否則會報錯。因為整數(shù)后面的點會識別為小數(shù)點。浮點型不會報錯。

   console.log(123.toString());//Uncaught SyntaxError
   console.log((123).toString());//"123"
   console.log(12.3.toString());//"12.3"

此外,數(shù)字類型的toString()方法可以接收表示轉換基數(shù)(可選,2-36中的任何數(shù)字),如果不指定此參數(shù),轉換規(guī)則將是基于十進制。

var n = 33;
console.log(n.toString());//'33'
console.log(n.toString(2));//'100001'
console.log(n.toString(3));//'41'
console.log(n.toString(10));//'33'
console.log(n.toString(16));//'21'
console.log(n.toString(37));//Uncaught RangeError: toString() radix argument must be between 2 and 36

【4】數(shù)組Array類型(返回數(shù)組內容組成的字符串)

   var a = [1,2,3,4];
   console.log(a.toString());//"1,2,3,4"
   console.log(typeof a.toString());//string

【5】函數(shù)Function類型(返回函數(shù)代碼字符串)

   var a = function(){};
   console.log(a.toString());//"function(){};"
   console.log(typeof a.toString());//string

【6】正則RegExp類型(返回原正則表達式的字符串表示)

   var a = /a/g;
   console.log(a.toString());///"a/g"
   console.log(typeof a.toString());//string

【7】Date類型(返回表示當前時間的字符串)

   var obj = new Date();
   console.log(obj);//Wed May 10 2017 18:20:05 GMT+0800 (中國標準時間)
   console.log(typeof obj);//object
   console.log(obj.toString());//"Wed May 10 2017 18:20:05 GMT+0800 (中國標準時間)"
   console.log(typeof obj.toString());//string

【8】對象Object類型及自定義對象類型(返回[object Object])

   var obj = {a:1};
   console.log(obj.toString());//"[object Object]"
   console.log(typeof obj.toString());//string
   function Foo(){};
   var foo = new Foo();
   console.log(foo.toString());//"[object Object]"
   console.log(typeof foo.toString());//string

在判斷對象的類型時,用Object.prototype.toString()返回字符串“[object 對象類型]”,但無法判斷自定義對象的類型。

【小結】:

  1. undefinednull沒有此方法(基本類型肯定沒有方法,String、Number和Boolean是因為有對應的基本包裝類型,才可以調用方法);

  2. Date類型返回表示時間的字符串;

  3. Object類型返回字符串[object Object]

【與valueOf()對比】

  1. toString()valueOf()的主要不同點在于,toString()返回的是字符串,而valueOf()返回的是原對象

  2. 由于undefinednull不是對象,所以它們toString()valueOf()兩個方法都沒有

  3. 數(shù)值Number類型的toString()方法可以接收轉換基數(shù),返回不同進制的字符串形式的數(shù)值;而valueOf()方法無法接受轉換基數(shù)

  4. 時間Date類型的toString()方法返回的表示時間的字符串表示;而valueOf()方法返回的是現(xiàn)在到1970年1月1日00:00:00的數(shù)值類型的毫秒數(shù)

  5. 包裝對象的valueOf()方法返回該包裝對象對應的原始值

【與轉型函數(shù)String()函數(shù)的對比】

toString()String()都是將數(shù)據(jù)轉換為對應的字符串,有如下區(qū)別:

  1. String()可以將任何類型的值轉換為字符串,包括undefined和null
console.log(String(null));//"null"
console.log(String(undefined));//"undefined"
  1. String()不能接受數(shù)值基數(shù)作為參數(shù)

引用自這位博主的文章

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,732評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,214評論 3 426
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,781評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,588評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,315評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,699評論 1 327
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,698評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,882評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 49,441評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,189評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,388評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,933評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,613評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,023評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,310評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,112評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,334評論 2 377

推薦閱讀更多精彩內容