赋值期间的JavaScript字符串连接

我正在构建一个按钮集合，每个按钮都将被分配给一个变量。在我的循环中，我有一些id，我想附加到每个按钮的

id

属性：

var测试='testButton'；

我希望它看起来像

button id=“myButton\u 123”

您可以使用以下功能：

var template = '<button id="myButton_#" class="myButtonsClass" type="button">testButton</button>';

for (var i=0; i<10, i++) {
   console.log(template.replace('#',i));
}

var模板='testButton'；
对于（var i=0；i您可以使用以下函数：

var template = '<button id="myButton_#" class="myButtonsClass" type="button">testButton</button>';

for (var i=0; i<10, i++) {
   console.log(template.replace('#',i));
}

var模板='testButton'；
对于（var i=0；i避免使用长字符串，并使用DOM本身提供的方法。创建元素并操作其内容/属性并不需要太困难：

//这将保留我们的按钮，因此我们不会破坏DOM
var fragment=document.createDocumentFragment（）；
//让我们在ID集合上循环
[23,57,92]。forEach（函数（id）{
//创建一个按钮，并准备好操作它
var button=document.createElement（“按钮”）；
//设置一些属性和内容
button.id=“myButton”+id；
button.textContent=“测试按钮”；
button.className=“myButtonsClass”；
//把这个按钮按进碎片里
追加子项（按钮）；
});
//现在我们通过添加片段来触摸DOM一次
document.body.appendChild（片段）；

在现代ES6+环境中，可以使用模板文字字符串进行现场插值：

var id=“73868CB1848A216984DCA1B6B0EE37BC”；
var按钮=`单击我'；

尽管如此，我仍然鼓励您将任务分解为更小、更易消耗的部分，并使用DOM API来构造元素。
避免长字符串，并使用DOM本身提供的方法。创建元素并操作其内容/属性并不需要太难：

//这将保留我们的按钮，因此我们不会破坏DOM
var fragment=document.createDocumentFragment（）；
//让我们在ID集合上循环
[23,57,92]。forEach（函数（id）{
//创建一个按钮，并准备好操作它
var button=document.createElement（“按钮”）；
//设置一些属性和内容
button.id=“myButton”+id；
button.textContent=“测试按钮”；
button.className=“myButtonsClass”；
//把这个按钮按进碎片里
追加子项（按钮）；
});
//现在我们通过添加片段来触摸DOM一次
document.body.appendChild（片段）；

在现代ES6+环境中，可以使用模板文字字符串进行现场插值：

var id=“73868CB1848A216984DCA1B6B0EE37BC”；
var按钮=`单击我'；

尽管如此，我仍然鼓励您将任务分解为更小、更易消耗的部分，并使用DOM API来构造元素.
你的问题是什么？你是在寻找类似
var test='testButton'；
Context的东西吗？你现有的HTML是什么？现有的Javascript？这是由JSF构建的HTML请向我们展示你的循环。如果你只想串联，那么是的。看看下面@Sampson的答案，这是处理是一种东西。你的问题是什么？你是在寻找类似
var test='testButton'；
Context的东西吗？你现有的HTML是什么？现有的Javascript？这是由JSF构建的HTML请向我们展示你的循环。如果你只想串联，那么是的。看看下面@Sampson的答案，这是一种更合适的方法处理这类事情。