javascript - jQuery / js for循环，添加具有不同结束号的变量以分隔div

Question

说我有以下变量

example1 = 1
example2 = 32
example3 = 3345
etc all the way to something big, like
example100 = 222

我想将每个数字附加到一个单独的 div 中，每个 div 标记为：

<div class = "exam1"> </div>
<div class = "exam2"> </div>
etc all the way to exam100

如何使用 for 循环来做到这一点？

for ( var i = 1; i < 100; i++ ) {
     $(".exam"+i).empty();$(".age-"+i).append( **????** );

}

我只是不知道如何将数字 i 添加到变量的末尾以便它可以工作，有什么想法吗？

score 2 · Accepted Answer

你最好使用array而不是variable. 如果几乎在所有情况下，管理变量都是相当困难和不必要的。想象一下，如果您还想要一百个，那么您将需要重复相同的练习。

var arr = [1, 32, 3345 /* 100 elements */];

for ( var i = 1; i <= 100; i++ ) 
{
     $(".exam"+i).empty();$(".age-"+i).append(arr[i-1]);    
}

但是你也可以使用变量，

for ( var i = 1; i < 100; i++ ) 
{
     $(".exam"+i).empty();$(".age-"+i).append(window['example'+i]);    
}

score 1 · Accepted Answer

假设您的变量已在窗口范围内定义（通常意味着全局），您可以像这样访问它们：

var example1 = 100;
var i=1;
var t = window['example' + i];
console.log(t); // 100

此外，您应该认真考虑将 100 个变量更改为一个数组（正如您对问题的第一条评论所暗示的那样）。

score 1 · Accepted Answer

尝试以下方法（这也不是实现您需要的最佳方法）：

for ( var i = 1; i < 100; i++ ) {
     $(".exam"+i).empty();$(".age-"+i).append( window['example' + i] );
}

3 回答 3