javascript - 一行上有多个变量，后面相同=

Question

我从 2 周开始就开始使用 JavaScript，如果可能的话，我想让一些事情变得更容易。

我在我的 JS 中得到了这个：

var div0 = document.createElement("div");
var div1 = document.createElement("div");
var div2 = document.createElement("div");
var div3 = document.createElement("div");
var div4 = document.createElement("div");
var div5 = document.createElement("div");
var div6 = document.createElement("div");
var div7 = document.createElement("div");

有没有办法让这一切都集中在一条线上？（不必每次都重新输入整个内容？）除了 div 后面的数字之外，行中的所有内容都是相同的。我这样做的方式不是浪费空间吗？

谢谢！

Answer 1

var divs = [];
for (var i = 0; i < 8; i++ ) {
    divs.push(document.createElement("div"));
}

现在里面的每个数组元素divs都将包含不同的div元素。

Answer 2

这个“应该”不做，但我知道的唯一方法是，在最初施加限制的情况下，为了获得相同的结果，定义了 8 个变量并且每个变量都引用了一个新创建的 div

for ( var i=0; i<8; i++ ) eval('var div'+i+'=document.createElement("div");');