根据变量编号索引值添加数组

Question

我试图让 indVars 重复 numInd 所需的次数。因此，如果 numInd = 3，那么我想要类似于这个 indVars[0] = divStart + userEntryVars + divEnd -- indVars[1] = divStart + userEntryVars + divEnd ... 等等，不管有多少 numInd 指示---然后将数组发布到innerHTML。

/*User Selection Of Indicators*/

var numInd = 3 /*This is amount of indicators that should show in innerHTML.*/

/*User Entry Variables Per Selection*/

var uHeight = 120

var uWidth = 225

/*Html Variables*/

var divStart = '<div class="col-sm-auto">'

var userEntryVars = '<img src="whatever.jpg" style="height:' + uHeight +'px; width: '+ uWidth + 'px">'

var divEnd = '</div>'

/*Div InnerHTML*/

var divArea = document.getElementById("IndicatorArea") ;

var out = []

var indVars = [divStart + userEntryVars + divEnd] ;

/*Loop For Number Of Indicators*/

for (i = 0; i < numInd; i++){

 out.push(indVars[i])

};

console.log(out[0]) /*Returns Data I Expect*/

console.log(out[1]) /*Returns Data I Don't Expect, It Should Be Showing Same as out[0]*/

divArea.InnerHTML = indVars

所以用户选择应该显示的指标数量（指标 = 框），然后他们可以输入进入 innerHTML 的变量......所以如果他们选择 2，用户必须填写 2 个用户条目每个变量因为指标会显示不同的数据。我已经尝试了一些数组的变体并且我已经接近但有时我得到“未定义”然后 div 计数。我在想 HTML 变量应该在一个 for 循环中来循环指标的数量，但我不确定。最终，所选指标的数量应该是 3 个不同的实体，在这 3 个不同的实体中可以是用户发布的可变数据。先感谢您。

Answer 1

我能够通过以下代码解决此问题。/*User Selection Of Indicators*/var numInd = 3 /*This is amount of indicators that should show in innerHTML.*//*User Entry Variables Per Selection*/var uHeight = 120var uWidth = 225/*Html Variables*/var divStart = '<div class="col-sm-auto">'var userEntryVars = '<img src="whatever.jpg" style="height:' + uHeight +'px; width: '+ uWidth + 'px">'var divEnd = '</div>'/*Div InnerHTML*/var divArea = document.getElementById("IndicatorArea") ;var out = []var indVars = divStart + userEntryVars + divEnd ;/*Loop For Number Of Indicators*/for (i = 0; i < numInd; i++){&nbsp;out.push(indVars)};divArea.InnerHTML = out.join("")

Answer 2

因为indVars，现在你正在加在一起divStart + userEntryVars + divEnd。如果你想要indVars[0] = divStartand&nbsp;indVars[1] = userEntryVars，像这样声明它var indVars = [divStart, userEntryVars, divEnd]