JavaScript中如何在矩阵的用户指定位置插入替换字符

核心优化思路 #

• 放弃单独定义每行的变量，改用二维数组存储整个10*10矩阵，直接通过下标定位行和列，完全不需要冗余的switch语句
• 用户输入的行号/列号是从1开始计数，数组下标从0开始，转换时直接减1即可适配
• 补充输入合法性校验，避免用户输入超出范围的数值导致报错

完整可运行代码 #

// 初始化10行10列全为O的二维矩阵，一行代码代替10次重复变量声明
const matrix = Array.from({length: 10}, () => Array(10).fill('O'));

// 获取用户输入并转为数字
let row = Number(prompt("Which row would you like to put the X in?"));
let col = Number(prompt("Which column would you like to put your piece in?"));

// 输入合法性校验
if (row < 1 || row > 10 || col < 1 || col > 10 || isNaN(row) || isNaN(col)) {
  alert("输入不合法，请输入1-10之间的整数");
} else {
  // 转换为数组下标（减1适配从0开始的索引规则）
  const rowIndex = row - 1;
  const colIndex = col - 1;
  // 替换对应位置为X
  matrix[rowIndex][colIndex] = 'X';
  
  // 控制台打印最终矩阵
  matrix.forEach(rowArr => {
    console.log(rowArr.join(''));
  });
}

代码说明 #

• 初始化矩阵用Array.from生成10个元素，每个元素都是长度为10、填充了"O"的数组，比单独定义10个变量的写法简洁很多，后续如果要调整矩阵大小也只需要修改对应参数
• 直接通过matrix[行下标][列下标]就可以定位到对应位置，不需要switch做行号映射，时间复杂度是O(1)，效率远高于switch分支判断
• 加入了输入校验逻辑，避免非法输入导致的数组越界错误

内容的提问来源于stack exchange，提问作者Aykhan