将二维数组显示为网格的节点js

<div id="grid-container"></div>

function displayGrid(array) {
  // 获取容器元素
  var container = document.getElementById("grid-container");
  
  // 清空容器
  container.innerHTML = "";
  
  // 遍历二维数组
  for (var i = 0; i < array.length; i++) {
    var row = array[i];
    
    // 创建行元素
    var rowElement = document.createElement("div");
    rowElement.className = "grid-row";
    
    // 遍历行数组
    for (var j = 0; j < row.length; j++) {
      var cell = row[j];
      
      // 创建节点元素
      var cellElement = document.createElement("div");
      cellElement.className = "grid-cell";
      
      // 设置节点的样式或内容
      // 例如：cellElement.style.backgroundColor = cell.color;
      
      // 将节点添加到行元素中
      rowElement.appendChild(cellElement);
    }
    
    // 将行元素添加到容器中
    container.appendChild(rowElement);
  }
}

.grid-row {
  display: flex;
}

.grid-cell {
  width: 20px;
  height: 20px;
  border: 1px solid #000;
}