1

所以我正在构建俄罗斯方块。在创建一个数组、数据之后，我试图通过检查数组中的每个字符串是否“已满”以及能够使其下方的空间为空来实现重力。但是，它给了我一个错误，表明某些东西是未定义的。我尝试了一个 for 循环和一个 for...of 循环，以及谷歌搜索它。为什么我会收到这个错误，我该如何解决它？

const editor = document.getElementById("edit");
var data = [];

function array(x, text) {
  var y = [];
  for (var i = 0; i < x - 1; i++) {
    y.push(text);
  }
  return y;
}

for (var i = 0; i < 20; i++) {
  data.push(array(10, "b"));
}

function draw() {
  var j;
  var i;
  var dataOut = data;
  for (i = 0; i < data.length; i++) {
    for (j = 0; j < data[i].length; j++) {
      if (data[i][j] == "a" && data[i + 1][j] == "b") {
        if (i < data.length - 1) {
          dataOut[i][j] = "b";
          dataOut[i + 1][j] = "a";
        }
      }
    }
  }
  data = dataOut;
  console.log(data);
  requestAnimationFrame(draw);
}
data[0][4] = "a";
requestAnimationFrame(draw);

4

1 回答 1

1

使用for-of-loop，您只迭代数组的对象/值而不是索引。

仅使用 for 循环以使用索引

const editor = document.getElementById("edit");
var data = [];

function array(x, text) {
  var y = [];
  for (var i = 0; i < x - 1; i++) {
    y.push(text);
  }
  return y;
}

for (var i = 0; i < 20; i++) {
  data.push(array(10, "b"));
}

function draw() {
  var dataOut = data;
  for (let i = 0; i < data.length - 1; i++) { // logical error here
    for (let j = 0; j < data.length; j++) {
      if (data[i][j] == "a" && data[i + 1][j] == "b") {
        if (i < data.length - 1) {
          dataOut[i][j] = "b";
          dataOut[i + 1][j] = "a";
        }
      }
    }
  }
  data = dataOut;
  console.log(data);
  requestAnimationFrame(draw);
}
data[0][4] = "a";
requestAnimationFrame(draw);

for-of-loop 的一个简单示例

const arr = ["aa","bb"]
for(let a of arr) console.log(a);
// will print
/*
aa
bb
*/
for(let a = 0; a < arr.length; a++) console.log(a);
// will print
/*
0
1
*/
于 2020-02-26T15:30:43.017 回答