javascript - 使用 For 循环设置变量 (Javascript)

Question

我是 JS 新手，希望通过 For 循环自动设置新变量，例如:

var mybox0

var mybox1

等等...

var board = document.getElementById('board');
var boxes = [];

for(var i=0; i<9; i++){
    var myBox = document.createElement('div');
    board.appendChild(myBox);
    myBox.id = "box" + i;
    boxes.push(myBox);
}

Answer 1

欢迎使用 JavaScript!能有另一个人总是很高兴。

简短的回答是，这在 JavaScript 中是不可能的。你确实有两个选择。您已经实现了第一个:数组。这是一个不错的选择，也是我个人会选择的选择。

您问题的评论中提到的另一种选择是使用对象。代码看起来像这样:

var board = document.getElementById('board');
var boxes = {};

for(var i = 0; i < 9; i++) {
    var myBox = document.createElement('div');
    board.appendChild(myBox);
    myBox.id = "box" + i;
    boxes['mybox' + i] = myBox;
}

然后您可以像这样引用变量:

boxes.mybox0; 
boxes.mybox1;

而不是这个:

boxes[0];
boxes[1];

我对for循环内的代码的看法是数组代码比目标代码更具可读性。使用生成的对象的代码与数组代码同样可读。此外，该数组更加通用，因为您可以使用 .map 和 .forEach 等函数更轻松地对其进行迭代。

所以，我认为使用对象来做这件事不会有任何好处，而且还会有一些损失。坚持使用数组。