快速提示：如何将数字转换为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中文网其他相关文章！