首頁 > web前端 > js教程 > 主體

Javascript將變數轉換為字串程式碼分享

小云云
發布: 2018-02-08 11:07:33
原創
1367 人瀏覽過

大家應該都知道,對於JavaScript,有3種不同方法可以將變數轉換為字串。這篇文章將詳細介紹這些方法,並比較他們的優劣。本文主要和大家介紹關於Javascript中將變數轉換為字串的三種方法,這三種方法分別是:value.toString()、"" + value和String(value),文中透過範例程式碼介紹的非常詳細,需要的朋友們下面隨著小編來一起學習學習吧,希望能幫助大家。

將變數轉換為字串的3種方法如下:

  • value.toString()

  • ##"" + value

  • String(value)

#當value為null或undefined時,第1種方法就不行了。而方法2和方法3基本上是一樣的。

""+value: 將value與空字串相加,即可轉換為字串。這種方法其實是一種稍微晦澀的技巧,可能會讓別人難於理解開發者的意圖。不過,這一點見仁見智,有些人偏愛這種方法。

String(value): 這種方法非常清晰:使用String()函數將value轉換為字串。不過,String()有兩種不同用法,容易混淆,尤其對Java開發者來說。當String()和運算子new一起作為建構子使用時,它會傳回一個新建立的String物件;當不用new運算子呼叫String()時,它只會把value轉換成原始的字串。這兩者是非常不同的:

> String("Fundebug") === new String("Fundebug")
false
> typeof String("Fundebug")
'string'
> String("Fundebug") instanceof String
false
> typeof new String("Fundebug")
'object'
> new String("Fundebug") instanceof String
true
登入後複製
事實上,將String()作為建構子使用並不常見,因此僅使用它來轉換字串就好了。

「」+value與String(value)的細微差別

""+value與String(value)都可以將value轉換為字串,它們是如何做到的呢?事實上,它們雖然結果相同,但是方法稍有差別。

將primitive基本型別轉換為字串

兩種方法都使用內部函數ToString()將primitive基本型別轉換為字串。 ToString()函數在ECMAScript 5.1 (§9.8)中定義了,但是並不能直接使用,因此稱為內部函數。下面的表格顯示了ToString()函數如何將primitive基本型別轉換為字串:

參數結果"undefined""null""true"或 "false"
##undefined
#null
#Boolean

#Number

將數字轉換為字串,例如: "1.765"
  • String
  • 無轉換

#將Object轉換為字串

轉換為字符在字串之前,兩種方法都會先將Object轉換為primitive。不同的是,""+value使用內部函數ToPrimitive(Number) (除了date型別),而String(value)則使用內部函數ToPrimitive(String) 。

ToPrimitive(Number) : 先呼叫obj.valueOf ,若結果為primitive則回傳;否則再呼叫obj.toString() ,若結果為primitive則傳回;否則傳回TypeError。

ToPrimitive(String) : 與ToPrimitive(Number)類似,只是先呼叫obj.toString() ,後呼叫obj.valueOf() 。

  • 可以透過以下範例了解差異,obj如下:

    var obj = {
     valueOf: function()
     {
      console.log("valueOf");
      return {};
     },
     toString: function()
     {
      console.log("toString");
      return {};
     }
    };
    登入後複製
  • 呼叫結果:
  • > "" + obj
    valueOf
    toString
    TypeError: Cannot convert object to primitive value
    > String(obj)
    toString
    valueOf
    TypeError: Cannot convert object to primitive value
    登入後複製

    它們的結果相同

  • " "+value與String(value)雖然不同,但我們很少感覺到。因為,大多數object使用預設的valueOf() ,它會傳回物件本身:
> var x = {}
> x.valueOf() === x
true
登入後複製

由於valueOf()傳回值並非primitive,因此ToPrimitive(Number)會跳過valueOf() ,而傳回toString()的回傳值。這樣,與ToPrimitive(String)的回傳值就一樣了。

當object是Boolean、Number或String實例時,valueOf()將傳回primitive。這就意味著兩者的計算過程是這樣的:

ToPrimitive(Number) :valueOf()傳回primitive值,然後使用ToString()轉換為字串。

ToPrimitive(String) : toString()透過ToString()函數將primitive值轉換為字串。

可知,雖然計算過程不同,但它們的結果是一樣的。

結論

那你該選擇哪一個方法呢?如果你可以確保value值不是null和undefined,那麼你不妨使用value.toString() 。否則,你只能使用""+value 和String(value) ,它們基本上是一樣的。

相關推薦:############JavaScript依照本機時間把Date物件轉換為字串的方法toLocaleString()############Javascript將變數轉換為字串方法介紹############php 將時間差轉換為字串提示實例詳解######

以上是Javascript將變數轉換為字串程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板