javascript - 将数组重置回原始值

Question

我正在使用 Javascript 开发一个简单的游戏，涉及对 HTML5 Canvas 的更改。在数组中输入多个(10+)对象:

var boxes = [];
    boxes.push({
        x: 0,
        y:canvas.height - 370,
        width: 400,
        height: 20});
    boxes.push({
        x: 300,
        y:canvas.height - 100,
        width: 150,
        height: 90});

然后通过更新函数运行整个数组，该函数根据玩家的位置更改 x 值:

for (var i = 0; i < boxes.length; i++) {
                if (boxes[1].x > -3000 + canvas.width) {
                    boxes[i].x -= robot.speed * modifier;
                    robot.x = canvas.width - 300;
                }; 
            };

当玩家死亡时，会运行重置函数:

var reset = function () {
            robot.x = 0;
            robot.y = 500;
            ++deaths;
            };

我正在寻找一种方法，在该函数运行时将 boxes 数组的所有值重置为原始值，本质上是重置 map ，而无需手动输入每个值，即盒子[1].x = 300

https://jsfiddle.net/to31b612/

Answer 1

只需从单个函数初始化:

var boxes;
initBoxes();

function initBoxes() {
    boxes = [];
    boxes.push({
        x: 0,
        y:canvas.height - 370,
        width: 400,
        height: 20});
    boxes.push({
        x: 300,
        y:canvas.height - 100,
        width: 150,
        height: 90});
}

然后每次需要初始化时调用 initBoxes() 即可。