如何使用JavaScript将变量插入字符串中

3,710 阅读2分钟

在用JavaScript编程时,你可能会遇到这样的情况:需要将字符串中的变量值连接起来,直接检索它们的值,或者重新使用这些值,以不同的格式显示它们。在这种情况下,可以利用在JavaScript中具有预定义的特殊字符"$",或者去找基本的格式化指南。

本文将指导你如何使用JavaScript将变量插入字符串中。

如何用JavaScript在字符串中插入一个变量?

在JavaScript中,你可以利用以下方法在字符串中插入变量。

    • 使用特殊字符"$"与变量。
    • 基本格式化方法。

现在我们将逐一检查上述的每一种方法

方法1:使用"$"特殊字符在字符串中插入变量

第一种方法包括使用特殊字符"$"。这个特殊字符后面是需要插入的变量。此外,产生的字符串可以显示在控制台中进行验证。

请看下面的例子来理解上述概念。

例子

首先,我们将创建两个名为 "var1"和 "var2"的变量。

let var1 = 3;
let var2 = 2;

接下来,我们将通过添加"$"特殊字符并在大括号"{ }"中指定变量名称,将创建的变量插入一个字符串中。我们还将在大括号内计算它们的总和。因此,字符串将包含执行加法后的更新值。

console.log(`Sum of ${var1} and ${var2} is ${var1 + var2}`);

上面给出的程序的输出将显示如下。


JavaScript还提供了一种基本的格式化方法,你也可以用它来将选定的变量插入字符串中。

方法2:使用基本格式化方法将变量插入字符串中

在这种类型的方法中,变量值是通过老的C语言方法"%d"占位符来检索的,它代表一个整数值。使用这种基本格式化方法,你可以很容易地将指定的变量值插入字符串中。

例子

在这个方法中,首先,我们将定义两个变量,如下所示。

var a1 = 15;
var b1 = 3;

在接下来的步骤中,我们将通过在需要插入的变量后面放置一个"%d"的占位符,将变量值插入到一个字符串中。同时,我们还将对它们进行除法操作。

console.log('Dividing %d by %d results %d.', a1, b1, (a1/b1));

输出结果将是以下字符串。


我们已经提供了使用JavaScript将变量插入字符串的最简单方法。

结论

要在JavaScript中向字符串中插入变量,你可以使用特殊字符"$",后面跟着变量名称和基本的格式化方法,用"%d"占位符。此外,还可以对整数值进行基本操作,结果字符串也将包括该值。本文介绍了使用JavaScript将变量插入字符串的过程。