javascript - 无法使用表属性创建有效的嵌套数组(Vanilla JS)

Question

这个问题已经有答案了:

how to assign values to multidimensional arrays in javascript? (2 个回答)

已关闭 3 年前。

我尝试制作一个游戏——“十字和圆圈”。我希望每次点击后在点击位置的空嵌套数组中放置一个值。

这是相关代码:

let table = document.getElementById("table");
let counter = 0;
let arr = [
  [],
  []
];
let win = 0;


table.addEventListener("click", function(e) {
  let r = parseInt(e.target.parentElement.rowIndex);
  let c = parseInt(e.target.cellIndex);

  if (counter % 2 == 0) {
    e.target.classList.add("cross");
    arr[c][r] = 1;
  } else {
    e.target.classList.add("cricle");
    arr[c][r] = 2;
  }

  counter++;
  
  console.log(arr);
})

#table { border-collapse: collapse; }
td { padding: 20px; border: 1px solid black; }

<table id="table">
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>

  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>

  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

• 如果单击 col: 0, row: 0 - 在数组中，由于某种原因，它将位于位置“1,0”。无论您点击哪个单元格，它都会计算错误。

• 如果单击第 3 列，总是会出现此错误:“无法设置未定义的属性 '0'在 HTMLTableElement 处。

表格如下所示: https://i.imagesup.co/images2/912bc616f03df0e6a75509d7ce36b17e1a2fbbfb.png

非常感谢您的帮助!

Answer 1

您可以在此处使用 let arr = [[],[]]; 定义一个数组。然后使用 arr[c][r] = 1; 或 arr[c][r] = 2;

设置一个值

因此，当单击第 3 列时，您想要将某些内容分配给 arr[2][r]...。在这种情况下，您的数组的长度仅为 2。 ([[],[]])(arr[0][r] 和 arr[1][r] 正在工作...)

所以arr[2][r]未定义。