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

在 JavaScript 中连接字符串与变量

在提供的代码中，目标是将字符串（'horseThumb'）与数字组合变量“id”形成单个字符串。这可以通过字符串连接来实现。

问题中提到的一种方法是使用 ${variable} 语法进行字符串插值。然而，提问者的代码似乎在使用这种方法时遇到了问题。

修复模板文字问题

在调试模板文字问题之前，确保模板文字问题至关重要'id' 参数已正确传递，并且具有相应 ID 的元素存在。建议为这些检查添加控制台语句。

如果元素存在但模板文字仍然失败，请检查是否存在潜在的语法错误。应该使用反引号 (`) 括住模板字符串，并且 ${variable} 插值必须在这些反引号内。

替代连接方法

除了字符串插值之外，JavaScript 提供了其他连接方法：

• 字符串加法 ( ): 可以使用 ' ' 运算符来连接字符串。例如， result = 'horseThumb' id;
• 字符串连接方法： concat() 方法允许将多个字符串连接在一起。例如， result = 'horseThumb'.concat(id);

使用替代方法的示例

使用字符串加法，代码将变为：

function AddBorder(id) {
    var result = 'horseThumb' + id;
    document.getElementById(result).className = 'hand positionLeft';
}

使用 concat() 方法：

function AddBorder(id) {
    var result = 'horseThumb'.concat(id);
    document.getElementById(result).className = 'hand positionLeft';
}

附加说明

• 对于模板字符串中需要转义的字符，使用反斜杠 ()。例如，“horseThumb_${id}”将在“horseThumb”后生成一个带有下划线的字符串。
• 连接的另一个选项是使用 PHP 或 jQuery 等库中的 sprintf() 函数。这种方法提供了额外的格式选项。

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