当前位置：首页 > JavaScript

js实现方阵

2026-02-01 04:15:02JavaScript

使用JavaScript创建方阵

通过嵌套循环可以轻松实现方阵的生成。以下是一个简单的示例代码：

function createSquareMatrix(size) {
  let matrix = [];
  for (let i = 0; i < size; i++) {
    let row = [];
    for (let j = 0; j < size; j++) {
      row.push(i * size + j + 1);
    }
    matrix.push(row);
  }
  return matrix;
}

const matrix = createSquareMatrix(3);
console.log(matrix);

方阵的可视化输出

如果需要将方阵以更友好的格式输出到控制台：

function printMatrix(matrix) {
  for (let row of matrix) {
    console.log(row.join(' '));
  }
}

printMatrix(createSquareMatrix(4));

动态生成HTML表格方阵

在网页中显示方阵可以通过动态创建表格实现：

function createMatrixTable(size) {
  const table = document.createElement('table');

  for (let i = 0; i < size; i++) {
    const row = document.createElement('tr');
    for (let j =  0; j < size; j++) {
      const cell = document.createElement('td');
      cell.textContent = i * size + j + 1;
      row.appendChild(cell);
    }
    table.appendChild(row);
  }

  document.body.appendChild(table);
}

createMatrixTable(5);

方阵的转置实现

方阵转置是常见的矩阵操作：

function transposeMatrix(matrix) {
  return matrix[0].map((_, colIndex) => 
    matrix.map(row => row[colIndex])
  );
}

const original = [[1,2,3],[4,5,6],[7,8,9]];
const transposed = transposeMatrix(original);
console.log(transposed);

使用ES6的Array.fill方法

更简洁的方阵生成方式：

js实现方阵

const createMatrix = size => 
  Array(size).fill().map((_, i) => 
    Array(size).fill().map((_, j) => i * size + j + 1)
  );

console.log(createMatrix(3));

这些方法展示了JavaScript中实现方阵的不同方式，可以根据具体需求选择合适的方法。