JS中將變量轉為字符串

Alex 發布于2019-08-21 16:50 / 896人閱讀

摘要：將與空字符串相加，即可將其轉換為字符串。這兩者是非常不同的事實上，將作為構造函數使用并不常見，因此僅使用它來轉換字符串就好了。這就意味著兩者的計算過程是這樣的返回值，然后使用轉換為字符串。

譯者按: 語言的細枝末節了解一下就可以了，不需要太較真，不過如果一點也不知道的話，那就不太妙了。

原文: Converting a value to string in JavaScript

譯者: Fundebug

為了保證可讀性，本文采用意譯而非直譯。另外，本文版權歸原作者所有，翻譯僅用于學習。

對于JavaScript，有3種不同方法可以將變量轉換為字符串。這篇博客將詳細介紹這些方法，并比較他們的優劣。

3種方法

將變量轉換為字符串的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	"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 values: not everything is an object

What is {} + {} in JavaScript?

String concatenation in JavaScript

JavaScript String 對象

版權聲明:
轉載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/201...

GPU云服務器云服務器 js中將字符串轉數組 js 字符串轉為參數 js數據轉為字符串 php中將多個字符

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88803.html

前端筆試題面試題記錄（下）

摘要：前言接上篇前端筆試題面試題記錄上。默認值，不脫離文檔流，，，，等屬性不生效。。不脫離文檔流，依據自身位置進行偏離，當子元素設置，將依據它進行偏離。。前言接上篇前端筆試題面試題記錄（上）。趁清明小長假，把上篇剩下的部分也寫一下，因為最近比較忙這篇已經拖了很久了。現在剛剛開始銀四了，應該還是有些小伙伴在找工作，時間還不算太晚，希望本篇可以幫到這些小伙伴。個人博客了解一下：obkoro...

Lin_YT 2019-08-30 14:24 評論0 收藏0
前端筆試題面試題記錄（下）

摘要：前言接上篇前端筆試題面試題記錄上。默認值，不脫離文檔流，，，，等屬性不生效。。不脫離文檔流，依據自身位置進行偏離，當子元素設置，將依據它進行偏離。。前言接上篇前端筆試題面試題記錄（上）。趁清明小長假，把上篇剩下的部分也寫一下，因為最近比較忙這篇已經拖了很久了。現在剛剛開始銀四了，應該還是有些小伙伴在找工作，時間還不算太晚，希望本篇可以幫到這些小伙伴。個人博客了解一下：obkoro...

suemi 2019-08-22 16:05 評論0 收藏0
數據類型轉換，普通類型（原始對象）和對象的區別的一些知識點

摘要：類型的和是，空字符串也是，所有的對象都是即使是空對象也是。六普通類型原始對象和包裝對象的轉換某些場合，原始類型的值會自動當作包裝對象調用，即調用包裝對象的屬性和方法。第三重新給變量賦值且值是對象類型，此時會在堆內存保存的值。一、數據類型轉換：JS是一門動態類型的語言，變量數據類型沒有限制，可以隨時賦值，但是運算時是對數據類型有要求的，如果運算類型不符，js會自動強制轉換類型后再進行計...

y1chuan 2019-08-23 18:02 評論0 收藏0
【芝士整理】JS基礎圖譜

摘要：沒有找到的話，看上級函數作用域，向上查找到，找到為止。將會在執行上下文棧中保留上級作用域的執行上下文。若在閉包使用完畢之后不手動解除引用，相關執行上下文將會一直保留于執行上下文棧中，占據內存空間，若持續積累，容易造成內存泄漏。 JS有哪些基本數據類型呢？值類型：undefined, Number, Boolean, String，null 引用類型：Object 值類型存放在棧中引...

netScorpion 2019-08-23 14:18 評論0 收藏0
JS 里的數據類型與轉換

摘要：的數據類型，共有七種數值整數和小數比如和。布爾值表示真偽的兩個特殊值，即真和假。符號其中是新增的基本數據類型，本文僅介紹前六種。轉換規則是除了或空字符串六個值被轉為，其他值都視為。屬性對象的每一個鍵名又稱為屬性，它的鍵值可以是任何數據類型。一、簡介 JavaScript 語言的每一個值，都屬于某一種數據類型。JavaScript 的數據類型，共有七種：數值（number）：整數和...

yck 2019-08-23 12:36 評論0 收藏0