如何为JavaScript二维数组设置最大维度以阻止越界赋值？

这个问题的核心在于你只密封了外层数组，而内层的每个子数组还是普通的可扩展数组——这就是为什么grid[5][15]能成功赋值的原因。下面给你两种可行的解决方案，分别适合不同的场景：

方案一：用Object.seal密封每个子数组 #

既然外层数组需要密封来防止添加新行，那内层的每个子数组也需要同样处理，这样就能阻止给超出列维度的索引赋值。修改后的代码如下：

'use strict'; // 开启严格模式，越界操作会抛出错误，便于调试
let grid = [];

const createGrid = (rows, cols) => {
  grid = new Array(rows);
  for (let i = 0; i < grid.length; i++) {
    const subArr = new Array(cols);
    // 密封每个子数组，阻止添加新的列索引
    if (Object.seal) Object.seal(subArr);
    grid[i] = subArr;
  }
  // 密封外层数组，阻止添加新的行索引
  if (Object.seal) Object.seal(grid);
};

createGrid(10, 10);
grid[1][2] = "one"; // 合法操作，成功赋值
grid[5][15] = "two"; // 严格模式下抛出TypeError，非严格模式静默失败
grid[15][5] = "three"; // 严格模式下抛出TypeError，非严格模式静默失败
console.log(grid);

注意事项： #

• 必须开启严格模式（'use strict'），否则越界赋值操作会静默失败，不会给出任何提示，不利于调试。
• new Array(cols)创建的是稀疏数组（元素为empty），密封后仍然可以给0到cols-1范围内的索引赋值，因为这些索引属于数组的固有属性（只是未初始化）。

方案二：用Proxy实现自定义越界拦截 #

如果你想要更灵活的控制——比如抛出自定义错误信息、记录越界操作，或者在越界时执行特定逻辑，那么Proxy是更好的选择。它能拦截数组的赋值操作，主动检查索引是否越界：

function createFixedSizeGrid(rows, cols) {
  // 创建初始二维数组，用Array.from避免稀疏数组（可选）
  const baseGrid = Array.from({ length: rows }, () => new Array(cols));

  // 拦截外层数组的赋值（行操作）
  return new Proxy(baseGrid, {
    set(target, prop, value) {
      const rowIndex = Number(prop);
      // 检查行索引是否合法
      if (isNaN(rowIndex) || rowIndex < 0 || rowIndex >= rows) {
        throw new Error(`行索引 "${prop}" 越界！最大有效行索引为 ${rows - 1}`);
      }

      // 给子数组也添加Proxy，拦截列操作
      if (!(value instanceof Proxy)) {
        value = new Proxy(value, {
          set(subTarget, subProp, subValue) {
            const colIndex = Number(subProp);
            // 检查列索引是否合法
            if (isNaN(colIndex) || colIndex < 0 || colIndex >= cols) {
              throw new Error(`列索引 "${subProp}" 越界！最大有效列索引为 ${cols - 1}`);
            }
            // 合法赋值
            subTarget[subProp] = subValue;
            return true;
          }
        });
      }

      target[prop] = value;
      return true;
    }
  });
}

// 使用示例
const grid = createFixedSizeGrid(10, 10);
grid[1][2] = "one"; // 成功赋值
console.log(grid[1][2]); // 输出: "one"

try {
  grid[5][15] = "two"; // 抛出自定义错误
} catch (err) {
  console.error(err.message); // 输出: 列索引 "15" 越界！最大有效列索引为 9
}

try {
  grid[15][5] = "three"; // 抛出自定义错误
} catch (err) {
  console.error(err.message); // 输出: 行索引 "15" 越界！最大有效行索引为 9
}

方案优势： #

• 无需依赖严格模式，越界操作会主动抛出清晰的错误信息，便于定位问题。
• 可以扩展更多逻辑，比如记录越界日志、返回默认值代替报错等。

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