鑰匙要點(diǎn)

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

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

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

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

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

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

請(qǐng)參閱筆 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>

請(qǐng)參閱筆 通過(guò)sitePoint（@sitepoint）將數(shù)字轉(zhuǎn)換為字符串 在codepen。

上盡管此方法是有效的（因?yàn)樗枰钌俚拇a），但它可以使代碼不可讀取。

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

當(dāng)使用多個(gè)數(shù)字的方法時(shí)，可能會(huì)發(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á)到字符串之前先評(píng)估A B，因此操作是數(shù)值添加而不是字符串串聯(lián)。一旦達(dá)到字符串變量或字面形式，該操作就會(huì)成為字符串串聯(lián)。因此，結(jié)果是2468高速公路。 但是，嘗試將代碼更改為以下內(nèi)容：

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

因?yàn)槭紫仍u(píng)估“是” A，所以將操作員用于其余表達(dá)式的字符串串聯(lián)。因此，它不是像上一個(gè)示例那樣在A和B之間進(jìn)行的加法操作，而是兩者之間的字符串串聯(lián)操作。 這可以使用括號(hào)來(lái)解決：

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

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

>使用ToString

將數(shù)字轉(zhuǎn)換為字符串 第三種方法是使用ToString（）方法。此方法可用于所有JavaScript數(shù)據(jù)類(lèi)型，包括數(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演示中看到它。

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

上

>使用字符串

將數(shù)字轉(zhuǎn)換為字符串 第四種方法是使用String（）構(gòu)造函數(shù)函數(shù)。此函數(shù)接受轉(zhuǎn)換為第一個(gè)參數(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ù)字值及其類(lèi)型時(shí)，結(jié)果分別為10和數(shù)字。轉(zhuǎn)換后，結(jié)果分別為10個(gè)字符串。 您可以在下面的Codepen演示中看到示例中的示例。

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

上

結(jié)論

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

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

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

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

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

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

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

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

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

在JavaScript？

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

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

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

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

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

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

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

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

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

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

let str =“ 123”;

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

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

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

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

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

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

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

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

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