快速提示：如何將數字轉換為JavaScript中的字符串

鑰匙要點

• > JavaScript提供了將數字轉換為字符串的四種方法：字符串插值，字符串串聯，tostring（）方法和string（）構造函數函數。方法的選擇取決於特定的需求和用例。
> 在將數字合併到字符串中時，最好使用
• 字符串插值和字符串串聯。但是，這些方法可以使代碼不可讀取，尤其是使用字符串串聯，當使用多個數字時，可能會導致意外結果。
>
• >使用String（）和ToString（）之間的主要區別是String（）可與未定義和空值一起使用，而ToString（）則不適用。因此，如果有可能未定義或無效，則使用字符串（）。
>

JavaScript非常靈活，並提供了許多不同的方法在數據類型之間轉換。在本簡短的教程中，我們將研究如何將一個數字轉換為JavaScript中的字符串。您可能需要執行此操作，以使用戶更可讀數字數據，例如，將數字顯示為句子的一部分。 本教程探討了在JavaScript中將數字轉換為字符串的四種方法。我們建議根據您的特定需求和用例建議不同的方法：

• 字符串插值：在字符串中插入一個數值時。例如，在網頁上顯示文本，例如“您已經使用了> 24的7個學分”。您也可以使用串聯，但要當心。
• >字符串或tostring（）：將數字值的類型更改為字符串時。例如，使用數字作為期望字符串的函數或API的輸入。 string和tostring（）大多是相同的，但對未定義和空變量的處理方式有所不同。 >
如果您想執行相反的操作，您可能還對如何將字符串轉換為數字感興趣。

>使用插值將數字轉換為字符串

插值可能是在字符串中使用數字的最可讀性方法。您可以使用此方法將其插入字符串中，而不是手動將數字轉換為字符串。 要使用插值，請將字符串與backticks（`）代替引號（“或'）。然後，在字符串中，您可以使用``$ {}''$ {}'插入任何變量。還有多種其他巨大好處。 例如：

由於要登錄到控制台的字符串用反向設備包裹，因此您可以使用$ {}將變量插入字符串中。 您可以在下面的Codepen演示中看到示例中的示例。

請參閱筆 sitepoint（@sitepoint）在JavaScript中的字符串插值 在codepen。

上

>使用字符串串聯

將數字轉換為字符串 第二種方法是字符串串聯。您可以使用操作員將數字轉換為字符串。 例如：

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

請參閱筆 通過sitePoint（@sitepoint）將數字轉換為字符串 在codepen。

上儘管此方法是有效的（因為它需要最少的代碼），但它可以使代碼不可讀取。

字符串串聯警告

當使用多個數字的方法時，可能會發生意外的結果。 例如：

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

由於在達到字符串之前先評估A B，因此操作是數值添加而不是字符串串聯。一旦達到字符串變量或字面形式，該操作就會成為字符串串聯。因此，結果是2468高速公路。 但是，嘗試將代碼更改為以下內容：

<span>console.log(10 + "USD"); //"10USD"
</span><span>console.log(10 + ""); //"10"
</span>

因為首先評估“是” A，所以將操作員用於其餘表達式的字符串串聯。因此，它不是像上一個示例那樣在A和B之間進行的加法操作，而是兩者之間的字符串串聯操作。 這可以使用括號來解決：

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log(a + b + " motorway"); // "2468 motorway"
</span>

首先執行A和B之間的添加，這導致兩個變量之間的加法操作。然後，由於第一個操作數為“是”，因此將字符串串聯用於其餘表達式。

>使用ToString

將數字轉換為字符串 第三種方法是使用ToString（）方法。此方法可用於所有JavaScript數據類型，包括數字。它轉換使用的數字的值並返回。 例如：

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log("it is " + a + b + " motorway"); // "it is 2000468 motorway"
</span>

此示例顯示與第一種方法相同的結果。您還可以在下面的Codepen演示中看到它。

請參閱筆 JS使用tostring（）by sitepoint（@sitepoint）將數字轉換為字符串 在codepen。

上

>使用字符串

將數字轉換為字符串 第四種方法是使用String（）構造函數函數。此函數接受轉換為第一個參數的變量。它將參數轉換為字符串並返回。 例如：

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log("it is " + (a + b) + " motorway"); // "it is 2468 motorway"
</span>

當記錄數字值及其類型時，結果分別為10和數字。轉換後，結果分別為10個字符串。 您可以在下面的Codepen演示中看到示例中的示例。

請參閱筆 JS使用String（）by StitePoint（@SitePoint）將數字轉換為字符串 在codepen。

上

結論

本教程向您展示了四種方法，您可以使用這些方法將數字轉換為JavaScript中的字符串。儘管這些方法與數字一起使用時可以產生相同的結果，但在某些情況下，一種方法會比其他方法更好。 使用String（）和ToString（）之間的主要區別在於String（）（）可與未定義和空值一起使用，而ToString（）則不使用。因此，如果您的值應包含一個數字，但是在將其轉換為字符串時要安全，則可以使用String（）。 至於字符串插值和字符串串聯，使用字符串中的數字時最好使用它們。否則，使用這些方法可以使代碼不那麼可讀。 如果您發現這篇文章有用，您也可以享受以下內容：

• 快速提示：如何將一個數字轉換為JavaScript
中的字符串
• 學習使用JavaScript
學習代碼
• 如何快速學習JavaScript：六個簡單的思維技巧
• 25 JavaScript速記編碼技術
• ES6在行動中：新數字方法
• es6 in Action：新字符串方法 -​​ string.prototype。
真實和虛假的價值：當JavaScript中的一切都不相等時
>經常詢問的問題（常見問題解答）關於將數字轉換為JavaScript中的字符串

>將數字轉換為JavaScript中的字符串的重要性是什麼？當您需要向用戶顯示數值數據，使用字符串執行串聯操作或以易於閱讀且可操作的格式存儲數字時，這一點特別有用。例如，如果要在網頁上的文本字段中顯示一個數字，則需要首先將其轉換為字符串，因為文本字段僅接受字符串數據。

如何轉換一個數字使用toString（）方法？ 讓num = 123; 讓str = num.toString（）; console.log（str）; //輸出：“ 123”

在此代碼中，數字123使用toString（）方法將其轉換為字符串，然後將結果記錄到控制台。

我可以轉換一個數字在不使用toString（）方法的情況下進行字符串？

是的，您可以在不使用tostring（）方法的情況下將數字轉換為JavaScript中的字符串。一種替代方法是使用String（）函數。以下是一個示例：
讓num = 123; 讓str = string（num）; console.log（str）; //輸出：“ 123”
在此代碼中，數字123使用String（）函數轉換為字符串，然後將結果記錄到控制台。

>如何將浮點數轉換為JavaScript中的字符串？

>將浮點數轉換為JavaScript中的字符串類似於轉換整數。您可以使用ToString（）方法或String（）函數。這是一個使用toString（）方法的示例： let str = num.toString（）; console.log（str）; //輸出：“ 123.45”
在此代碼中，浮點數123.45使用toString（）方法將其轉換為字符串，然後將結果登錄到控制台。

在JavaScript？

中，將數字轉換為字符串時指定radix，是的，當使用tostring（）方法將數字轉換為JavaScript中的字符串時，您可以指定radix（base）。 radix可以是2至36之間的任何整數。這是一個示例：讓str = num.toString（16）;console.log（str）; //輸出：“ 7b”

在此代碼中，使用toString（）方法，將數字123轉換為十六進制（基本16）字符串，其radix為16，然後將結果記錄到控制台。
>如何在JavaScript中的科學符號中將數字轉換為字符串？

>在JavaScript中的科學符號中將數字轉換為字符串，您可以使用topendential（）方法。以下是一個示例：

讓NUM = 123; 讓STR = NUM​​.TO expentential（）; console.log（str）; //輸出：“ 1.23e 2”

在此代碼中，數字123使用topendential（）方法將科學符號中的字符串轉換為字符串，然後將結果記錄到控制台。如何在JavaScript中使用特定數量的十進制位置的字符串轉換為字符串？

>在JavaScript中將數字轉換為具有特定數量十進制位置的字符串，您可以使用tofixed（）方法。這是一個示例：

讓num = 123.456;
讓str = num.tofixed（2）; console.log（str）; //輸出：“ 123.46”

在此代碼中，使用tofixed（）方法將數字123.456轉換為帶有兩個小數點位置的字符串，然後將結果記錄到控制台。

can can我將字符串轉換回javascript？

>是的，您可以使用number（）函數，parseint（）函數或parsefloat（）函數，取決於特定要求。這是一個使用number（）函數的示例：

let str =“ 123”;

lem = num = number = number（str）; console.log（num）; //輸出：123

在此代碼中，字符串“ 123”使用number（）函數將其轉換回一個數字，然後將結果記錄到控制台。

如果我嘗試將非數字字符串轉換為javascript中的一個數字？

>如果您嘗試將非數字字符串轉換為JavaScript中的一個數字，則結果是NAN（不是NAN）一個數字）。以下是一個示例：

let str =“ abc”;
lem = num = number = number（str）; console.log（num）; //輸出：NAN
在此代碼中，嘗試使用number（）函數將非數字字符串“ ABC”嘗試轉換為數字，結果為NAN。

中的數字？這是一個示例：

讓str =“ 123”; console.log（isnum）; //輸出：true

在此代碼中，檢查字符串“ 123”，以查看是否可以使用isnan（）函數將其轉換為數字，然後將結果記錄到控制台。

以上是快速提示：如何將數字轉換為JavaScript中的字符串的詳細內容。更多資訊請關注PHP中文網其他相關文章！