Javascript 如何在不破坏我的象棋游戏的情况下为可访问性标记数组值？

我有一个非常具体和奇怪的问题，我希望能得到一些帮助。基本上，我正在尝试用React Native制作一个可访问的国际象棋游戏，其中方块用画外音标记并可识别。一个规则的棋盘被命名为水平排列的数字1-8和垂直排列的字母A-H。实际上，电路板左上侧的正方形是A1，右下侧的正方形是H8

我遇到的问题与棋盘的渲染方式以及游戏本身的工作方式有关。游戏的后端松散地基于此，棋盘呈现如下：

const squares = Array(64).fill();

  for(let i = 8; i < 16; i++){
    squares[i] = new Pawn(2);
    squares[i+40] = new Pawn(1);
  }

  squares[0] = new Rook(2);
  squares[7] = new Rook(2);
  squares[56] = new Rook(1);
  squares[63] = new Rook(1);

  squares[1] = new Knight(2);
  squares[6] = new Knight(2);
  squares[57] = new Knight(1);
  squares[62] = new Knight(1);

  squares[2] = new Bishop(2);
  squares[5] = new Bishop(2);
  squares[58] = new Bishop(1);
  squares[61] = new Bishop(1);

  squares[3] = new Queen(2);
  squares[4] = new King(2);

  squares[59] = new Queen(1);
  squares[60] = new King(1);

类似地，我也尝试过这样硬编码值：

squares[0].label = "A1";

没有运气，因为它最终破坏了似乎依赖于数组值为整数的片段的移动。我对这一部分仍然有点困惑，但是前面链接的教程详细展示了后端结构

---

基本上，我真的不确定我能做些什么来让这一切顺利进行。任何反馈或指导都将不胜感激

您是否扩展了

工件

类以包含

标签

属性？是！this.label=标签；请包括您的自定义代码：），并指出您在哪里看到实际错误，以便我们可以为您提供最好的帮助！请注意，在国际象棋中，通常A1在左下角，H8在右上角，除非您使用的是黑色棋子。

squares[0].label = "A1";