如何为JavaScript对象动态创建变量名?

时间:2019-01-07 22:54:56

标签: javascript jquery html

我收到一个JSON答案,这里的意思是每次迭代都有不同的名称,所以我不知道是否可以在for循环中动态更改变量名称。 我的代码如下:

var content;
for(var index in data){
      content += '<tr class="clickableRow">'
      +'<td class="text-center">'+(index+1)+'</td>'
      +'<td class="text-center">'+data[index].idpuntoventa1+'</td>'
      +'<td class="text-center">'+data[index].puntoventa1+'</td>'
      +'<td class="text-center">'+data[index].idtipoexhibicion1+'</td>'
      +'<td class="text-center">'+data[index].tipoexhibicion1+'</td></tr>';
}

我只想更改结尾的数字,例如:idpuntoventa2,idpuntoventa3。

1 个答案:

答案 0 :(得分:1)

您可以执行以下操作:连接字符串,或将template literalbracket notation一起使用,就像这样:

var content;
for(var index in data){
      content += '<tr class="clickableRow">'
      +'<td class="text-center">'+(index+1)+'</td>'
      +'<td class="text-center">'+data[index]['idpuntoventa' + index]+'</td>'
      +'<td class="text-center">'+data[index]['puntoventa' + index]+'</td>'
      +'<td class="text-center">'+data[index]['idtipoexhibicion' + index]+'</td>'
      +'<td class="text-center">'+data[index]['tipoexhibicion' + index]+'</td></tr>';
}

模板文字如下所示:

... + data[index][`idpuntoventa${index}`] + ...