我有 2d Matrix（鏡像），它按我的預期工作。但是，我不知道如何正確編寫 JavaScript 代碼，因此它不會創建額外的 div 元素。在矩陣中，我有 (x,y) 索引，因此它改變了正確的位置。然而，當需要在屏幕上渲染它時，它會附加（添加） new 。createBoard() {    let specialSquares = {      '3xW': [0, 7, 105],      '3xL': [20, 76, 80],      '2xW': [16, 32, 48, 64],      '2xL': [3, 36, 45, 52, 92, 96, 108],      'CT': [112]    };    this.board = [...new Array(15)].map(x => new Array(15));    let boardSide = 14;    for (let i = 0; i <= boardSide / 2; i++) {      for (let j = 0; j <= boardSide / 2; j++) {        let num = indexOfTile(i, j)        for (let ss in specialSquares) {          let idx = specialSquares[ss].indexOf(num)          if (idx >= 0) {            this.board[i][j] = ss;            break;          }else            this.board[i][j] = "_";        }}}渲染部分是這樣的，基本是一樣的：let specialSquares = {      '3xW': [0, 7, 105],      '3xL': [20, 76, 80],      '2xW': [16, 32, 48, 64],      '2xL': [3, 36, 45, 52, 92, 96, 108],      'CS': [112]    };    let boardSide = 14;    $('.board').remove();    let $board = $('<div class="board"/>').appendTo('body');    for (let i = 0; i <= boardSide / 2; i++) {      for (let j = 0; j <= boardSide / 2; j++) {        let num = indexOfTile(i, j)        for (let ss in specialSquares) {          let idx = specialSquares[ss].indexOf(num)          if (idx >= 0) {            $board.append('<div/>' + ss)            break;          }          else {            $board.append('<div /> ')          }但每次（idx<0）它都會追加一個新的 div。這不會發生在控制臺上的數組中，因為我有確切的位置 (i,j)。