如何在 JavaScript 中连接字符串和变量？

字符串与变量的连接

在 JavaScript 中，将字符串与变量连接是一项常见任务。让我们探讨如何实现这一目标，以回答以下问题：“所以我试图用字符串和传递的变量（这是一个数字）创建一个字符串。
我该怎么做？”

有多种方法可用：

• 连接运算符：

  您可以简单地使用运算符连接字符串和变量。例如：

  const id = 42;
  const str = "horseThumb_" + id;

  登录后复制

  这将导致 str 等于“horseThumb_42”。

• 模板文字 (ES2015 ):

  ECMAScript 2015 中引入了模板文字，您可以使用反引号 (`) 在字符串中嵌入变量。例如：

  const id = 42;
  const str = `horseThumb_${id}`;

  登录后复制

  这也会导致 str 等于“horseThumb_42”。

• 使用模板文字检索元素：

  将字符串与元素 ID 连接时，可以使用模板文字直接检索元素。例如：

  const id = 42;
  const element = document.getElementById(`horseThumb_${id}`);

  登录后复制

  这将检索 ID 为“horseThumb_42”的元素。

  示例代码：

  使用提供的 AddBorder 函数在这个问题中，我们可以演示字符串连接运算符：

  function AddBorder(id) {
      const className = "hand positionLeft";
      document.getElementById("horseThumb_" + id).className = className;
  }

  登录后复制

  此代码将正确地将 className 分配给 ID 为“horseThumb_”的元素。

  调试提示：

  如果你的代码无法正常运行，请考虑添加一些调试语句，例如as:

  console.log("ID number: " + id);
  console.log("Return value of gEBI: " + document.getElementById("horseThumb_" + id));

  登录后复制

  这将帮助您确定问题是否在于传递 ID、元素是否存在，或者代码是否在 DOM 准备好之前执行。

以上是如何在 JavaScript 中连接字符串和变量？的详细内容。更多信息请关注PHP中文网其他相关文章！