将变量赋值给二维数组索引后值为undefined的问题求助

一、当前代码的直接错误 #

你的代码里有两个明显问题，直接导致p输出undefined：

1. 函数调用拼写错误
   你定义的函数是intiateGrid，但调用时写成了intiategGrid（多了一个g），这会导致初始化网格的函数根本没被执行，grid还是初始的空数组[]。就算修正了拼写，还有第二个问题：

2. 二维数组元素未初始化
   你的intiateGrid函数只是创建了指定大小的二维数组框架，但每个位置的元素都没赋值，默认是undefined。所以grid[0][0]本身就是undefined，赋值给p后自然输出undefined。

修正后的基础代码如下：

const intiateGrid = (x) => { 
  const grid = new Array(x); 
  for (let i = 0; i < grid.length; i++) { 
    grid[i] = new Array(x).fill(null); // 用fill给每个元素赋初始值，比如null或你需要的默认值
  } 
  return grid; 
}
let grid = [];
grid = intiateGrid(10); // 修正拼写，显式接收函数返回的网格
let p = grid[0][0];
console.log(p); // 现在会输出null，而非undefined

二、关于“通过变量p移动数组元素”的概念澄清 #

你期望通过p = grid[0][0]后，操作p就能移动它在二维数组中的位置，这其实是对JavaScript变量赋值逻辑的误解：

• 如果grid中的元素是基本类型（比如数字、字符串、布尔值）：let p = grid[0][0]是把数组元素的值复制给p，p和数组里的元素是完全独立的两个值，修改p不会影响数组，更没法通过p改变元素在数组中的位置。
• 如果grid中的元素是引用类型（比如对象、数组）：let p = grid[0][0]是把元素的引用赋值给p，修改p的属性会同步到数组中，但依然没法通过p改变这个元素在数组中的位置——要移动元素，必须直接操作数组的索引，比如：

// 示例：把grid[0][0]的元素移动到grid[1][0]
// 先保存原元素
const temp = grid[0][0];
// 清空原位置
grid[0][0] = null;
// 赋值到新位置
grid[1][0] = temp;

如果想更方便地管理元素的位置，可以把元素和它的坐标封装成一个对象，比如：

// 创建带初始值的网格
const intiateGrid = (x, defaultValue) => { 
  return Array.from({length: x}, () => Array(x).fill(defaultValue));
}
const grid = intiateGrid(10, 0);

// 封装元素和它的位置
let player = {
  value: grid[0][0],
  x: 0,
  y: 0
};

// 移动函数：把元素从原位置移到新位置
const movePlayer = (newX, newY) => {
  // 清空原位置
  grid[player.y][player.x] = 0;
  // 更新位置信息
  player.x = newX;
  player.y = newY;
  // 赋值到新位置
  grid[player.y][player.x] = player.value;
}

// 移动到(1,0)位置
movePlayer(0, 1);
console.log(grid[1][0]); // 输出0（原player.value）
console.log(grid[0][0]); // 输出0（原位置已清空）

这样就能通过player对象轻松管理元素的位置，实现你想要的“移动”效果啦。

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