Javascript中三種方法將變數轉換為字串的實作方法

這篇文章主要為大家介紹了關於Javascript中將變數轉換為字串的三種方法，這三種方法分別是：value.toString()、"" + value和String(value)，文中通過範例程式碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習吧。

前言

大家應該都知道，對於JavaScript，有3種不同方法可以將變數轉換成字串。這篇文章將詳細介紹這些方法，並比較他們的優劣。下面話不多說了，來一起看看詳細的介紹吧。

3種方法

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

• value. toString()

• "" + 值

• ##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"undefined"null"null"Boolean"true"或 "false"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中三種方法將變數轉換為字串的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！