3使用javascript为二维数组着色

var grid = [
  [1, 0, 1],
  [0, 1, 0],
  [1, 1, 0]
];

function colorGrid(grid) {
  var colors = ['red', 'blue', 'green']; // 定义颜色数组，可以根据需要自定义颜色
  var rows = grid.length;
  var cols = grid[0].length;

  for (var i = 0; i < rows; i++) {
    for (var j = 0; j < cols; j++) {
      var cell = document.getElementById('cell-' + i + '-' + j); // 假设每个网格单元格都有一个唯一的ID，例如cell-0-0表示第一行第一列的单元格
      var colorIndex = grid[i][j]; // 获取当前网格单元格的值作为颜色索引
      cell.style.backgroundColor = colors[colorIndex]; // 根据颜色索引设置背景颜色
    }
  }
}

<table id="gridTable">
  <tr>
    <td id="cell-0-0"></td>
    <td id="cell-0-1"></td>
    <td id="cell-0-2"></td>
  </tr>
  <tr>
    <td id="cell-1-0"></td>
    <td id="cell-1-1"></td>
    <td id="cell-1-2"></td>
  </tr>
  <tr>
    <td id="cell-2-0"></td>
    <td id="cell-2-1"></td>
    <td id="cell-2-2"></td>
  </tr>
</table>

colorGrid(grid);