鑰匙要點

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

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

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

>使用插值將數(shù)字轉(zhuǎn)換為字符串

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

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

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

上

>使用字符串串聯(lián)

將數(shù)字轉(zhuǎn)換為字符串 第二種方法是字符串串聯(lián)。您可以使用操作員將數(shù)字轉(zhuǎn)換為字符串。 例如：

<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）將數(shù)字轉(zhuǎn)換為字符串 在codepen。

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

字符串串聯(lián)警告

當(dāng)使用多個數(shù)字的方法時，可能會發(fā)生意外的結(jié)果。 例如：

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

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

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

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

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

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

>使用ToString

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

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

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

請參閱筆 JS使用tostring（）by sitepoint（@sitepoint）將數(shù)字轉(zhuǎn)換為字符串 在codepen。

上

>使用字符串

將數(shù)字轉(zhuǎn)換為字符串 第四種方法是使用String（）構(gòu)造函數(shù)函數(shù)。此函數(shù)接受轉(zhuǎn)換為第一個參數(shù)的變量。它將參數(shù)轉(zhuǎn)換為字符串並返回。 例如：

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

當(dāng)記錄數(shù)字值及其類型時，結(jié)果分別為10和數(shù)字。轉(zhuǎn)換後，結(jié)果分別為10個字符串。 您可以在下面的Codepen演示中看到示例中的示例。

請參閱筆 JS使用String（）by StitePoint（@SitePoint）將數(shù)字轉(zhuǎn)換為字符串 在codepen。

上

結(jié)論

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

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

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

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

在此代碼中，數(shù)字123使用toString（）方法將其轉(zhuǎn)換為字符串，然後將結(jié)果記錄到控制臺。

我可以轉(zhuǎn)換一個數(shù)字在不使用toString（）方法的情況下進(jìn)行字符串？

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

>如何將浮點數(shù)轉(zhuǎn)換為JavaScript中的字符串？

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

在JavaScript？

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

在此代碼中，使用toString（）方法，將數(shù)字123轉(zhuǎn)換為十六進(jìn)制（基本16）字符串，其radix為16，然後將結(jié)果記錄到控制臺。
>如何在JavaScript中的科學(xué)符號中將數(shù)字轉(zhuǎn)換為字符串？

>在JavaScript中的科學(xué)符號中將數(shù)字轉(zhuǎn)換為字符串，您可以使用topendential（）方法。以下是一個示例：

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

在此代碼中，數(shù)字123使用topendential（）方法將科學(xué)符號中的字符串轉(zhuǎn)換為字符串，然後將結(jié)果記錄到控制臺。如何在JavaScript中使用特定數(shù)量的十進(jìn)制位置的字符串轉(zhuǎn)換為字符串？

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

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

在此代碼中，使用tofixed（）方法將數(shù)字123.456轉(zhuǎn)換為帶有兩個小數(shù)點位置的字符串，然後將結(jié)果記錄到控制臺。

can can我將字符串轉(zhuǎn)換回javascript？

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

let str =“ 123”;

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

在此代碼中，字符串“ 123”使用number（）函數(shù)將其轉(zhuǎn)換回一個數(shù)字，然後將結(jié)果記錄到控制臺。

如果我嘗試將非數(shù)字字符串轉(zhuǎn)換為javascript中的一個數(shù)字？

>如果您嘗試將非數(shù)字字符串轉(zhuǎn)換為JavaScript中的一個數(shù)字，則結(jié)果是NAN（不是NAN）一個數(shù)字）。以下是一個示例：

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

中的數(shù)字？這是一個示例：

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

在此代碼中，檢查字符串“ 123”，以查看是否可以使用isnan（）函數(shù)將其轉(zhuǎn)換為數(shù)字，然後將結(jié)果記錄到控制臺。

以上是快速提示：如何將數(shù)字轉(zhuǎn)換為JavaScript中的字符串的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！