如何利用 Array.prototype.fill() 配合 map() 创建一个填充了唯一对象引用的矩阵数组
如何利用 Array.prototype.fill() 配合 map() 创建一个填充了唯一对象引用的矩阵数组
免费影视、动漫、音乐、游戏、小说资源长期稳定更新！ 👉 点此立即查看 👈
直接使用 fill() 填充对象，再调用 map() 方法，往往无法得到我们预期的、包含独立对象引用的矩阵。原因在于，fill() 方法会将同一个对象引用复制到数组的每一个位置。要生成一个每个元素都是全新、独立对象的二维数组（也就是矩阵），关键操作必须在 map() 的回调函数内部完成——每次都创建一个新对象。
为什么 fill(obj).map(...) 不行？
来看一个典型的陷阱：Array(3).fill({x: 0})。这行代码确实创建了一个包含3个元素的数组，但所有元素都指向内存中同一个对象。这意味着，如果你后续修改其中任何一个元素（例如执行 arr[0].x = 1），所有其他位置的元素都会同步改变。这显然不是一个真正的矩阵，它只是同一个对象的多个别名而已。
正确做法：在 map 回调里构造新对象
正确的思路是，利用 Array(n) 创建指定长度的数组，然后通过 map() 进行遍历。关键在于，在 map() 的回调函数中，为每一项单独通过 new 关键字或对象字面量创建新对象，从而确保引用完全隔离。下面看几个具体例子：
- ✅ 基础二维矩阵（每个格子都是独立的空对象）：
Array(3).fill().map(() => Array(4).fill().map(() => ({}))) - ✅ 带初始值的对象矩阵（例如包含行、列、ID信息）：
Array(3).fill().map((_, i) => Array(4).fill().map((_, j) => ({ row: i, col: j, id: Symbol() }))) - ✅ 复用构造函数或工厂函数：
const createCell = () => ({ value: null, dirty: false }); Array(2).fill().map(() => Array(5).fill().map(createCell))
注意 fill() 的坑：不能省略 fill()
这里还有一个细节需要注意：Array(3).map(...) 这种写法，回调函数根本不会执行。为什么呢？因为 Array(n) 创建的是一个充满空位（empty slots）的数组，而不是填充了 undefined 元素的数组。而 map() 方法会跳过这些空位。因此，必须先用 fill()（哪怕只是填充 undefined）把这些空位“激活”成可遍历的实际元素，后续的 map() 才能正常生效。
替代写法：更直观的 Array.from
如果你觉得先 fill() 再 map() 的步骤有些繁琐，那么 Array.from 方法提供了一个更语义化、更直观的替代方案。它天生就能处理长度定义，无需预先填充：
Array.from({length: 3}, () => Array.from({length: 4}, () => ({})))Array.from({length: 3}, (_, i) => Array.from({length: 4}, (_, j) => ({i, j})))
这种方法逻辑更清晰，一步到位，避免了因空位问题导致的意外行为，是实践中非常推荐的一种写法。
相关攻略
台铃电动车锁车，真的不耗电吗？ 关于电动车锁车后是否还在“偷偷”用电，很多用户心里都有个问号。答案很明确：台铃电动车的锁车状态本身，几乎不产生额外电量消耗。其核心在于一套精心设计的电子防盗系统，在锁止后，整车的主供电电路会被立刻切断，只留下防盗模块、钥匙信号接收器等核心安防单元，以极低的功耗维持待命
老年助听器怎么安装后能用吗？ 开门见山地说，给长辈选配助听器，可千万别把它当成“即插即用”的普通电子产品。这本质上是一套严谨的医疗康复流程，核心在于“专业验配”与“科学适应”。没有这两步，再好的设备也可能沦为抽屉里的闲置品。 真正的效能发挥，始于一份精准的听力“地图”——通过纯音测听、声导抗等医学检
高考前冲刺口号 话说回来，每年到了这个时节，教室里、走廊上、甚至学生的课桌一角，总能看到一些凝聚着决心与期盼的句子。它们不仅仅是口号，更像是一股无声的力量，在最后关头为学子们注入信念。下面这份汇集了多年备考智慧的清单，或许能为你带来一些启发。 信念与心态篇 1 Everything is poss
班风口号：胜不骄，败不馁，有志不在年高，但求力争上游 “胜不骄，败不馁”这六个字，分量可不轻。它源自《商君书·战法》，原话是“王者之兵，胜而不骄，败而不怨。”这提醒我们，成功时别让骄傲蒙了眼，失败时也别被沮丧拖垮了脚。保持清醒与韧性，才是长久之道。 紧接着的“有志不在年高”，出自《封神演义》。这话说
下学期中班孩子评语1 1、 这孩子聪明又活泼，课堂上总能看到他高高举起的小手，思维活跃得很，发言特别踊跃。做数学题又快又准，小脑袋转得飞快，语言表达能力也强，还经常主动上来给大家讲故事。要是以后能加强小手的锻炼，让它变得更灵巧，那就更棒了，咱们一起朝着心灵手巧的目标加油吧！ 2、 小家伙的口才真不错
热门专题
热门推荐
虚拟键盘与物理键盘可以完全协同工作，互不干扰 你可能会好奇，一个在屏幕上，一个在桌面上，它们俩同时用起来，会不会“打架”？答案是：完全不会。这背后的核心，其实是一套非常成熟的系统级输入法管理机制在起作用。简单来说，当你连接了外接键盘，系统默认会让虚拟键盘进入“休眠”状态；而一旦你通过触控屏幕或者按下
博世壁挂炉完全支持仅启用生活热水功能，无需同步开启采暖系统 想让家里的博世壁挂炉只出热水、不启动暖气？这事儿其实很简单。用户可以直接通过控制面板上的“水龙头键”一键切入生活热水模式，或者长按“模式”键进入菜单，选择专属的热水运行状态。部分带旋钮的型号，操作更直观，只需将旋钮转到“*”档或“min”位
小米智能手表时间校准全指南：从自动同步到手动精调 你的小米智能手表时间不准了？别急着重启，更别怀疑手表坏了。其实，它的时间默认是通过蓝牙与配对手机自动同步的，整个过程在后台静默完成，无需你动手，就能保持高精度授时。这套机制背后，是NTP网络时间协议与小米Wear应用的协同调度，不仅支持毫秒级校准，还
小米Note 3铃声音量调节失灵？别急，这是份系统化的排查指南 遇到小米Note 3的铃声音量键失灵，先别急着下结论是硬件坏了。这背后，往往是软件逻辑的临时“卡壳”、系统设置的细微偏移，或是物理按键通路受阻共同作用的结果。从官方维修渠道的反馈来看，大约六成用户的问题，根源在于系统缓存的临时堆积或第三
小米音响蓝牙配对电脑：三步搞定，实测稳定 想把小米音响变成电脑的得力外放？其实很简单，整个过程三步就能走完：打开音箱蓝牙、启动电脑蓝牙搜索、在列表里找到它点连接。根据小米官方的指南，再结合Windows 11和macOS系统的实际测试，像Xiaomi Sound、Xiaomi Sound Pro这些