如何用 Object.entries 与 fromEntries 实现对象数组转换
如何用 Object.entries 与 fromEntries 实现对象数组转换

免费影视、动漫、音乐、游戏、小说资源长期稳定更新! 👉 点此立即查看 👈
在 Ja vaScript 的日常开发中,我们常常需要在对象和数组这两种结构之间来回转换。这时候,Object.entries 和 Object.fromEntries 这对“黄金搭档”就派上用场了。它们一个负责“拆解”,一个负责“组装”,配合起来能高效地实现对象与键值对数组之间的双向转换。虽然它们本身不直接处理对象数组,但结合 map 等方法,就能在对象数组的批量处理中大显身手。
一、Object.entries:把单个对象转成二维数组
先来看看“拆解专家” Object.entries。它的工作很明确:接收一个对象,然后将其自身的、可枚举的字符串键属性,转换成一个二维数组。数组里的每一项都是一个 [key, value] 对,顺序与对象属性的枚举顺序保持一致。
看个简单的例子就明白了:
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj));
// 输出结果: [['a', 1], ['b', 2], ['c', 3]]
瞧,一个规整的二维数组就出来了,后续无论是遍历、过滤还是映射,操作起来都像处理普通数组一样方便。
二、Object.fromEntries:把二维数组还原为对象
有拆就有装。Object.fromEntries 正是 Object.entries 的逆操作。它接收一个可迭代对象(最常见的就是数组),要求其中每一项都是一个长度为2的数组 [key, value],然后将其“缝合”成一个标准的对象。
比如:
const entries = [['x', 10], ['y', 20]];
console.log(Object.fromEntries(entries));
// 输出结果: { x: 10, y: 20 }
这个过程是不是很像把散落的零件重新组装成机器?二者一拆一装,构成了一个完美的闭环。
三、在对象数组中批量应用:常见转换场景
那么,面对一个对象数组时,我们该如何运用这对组合拳呢?关键在于结合数组的 map 方法,对数组中的每个对象进行逐个处理。以下是几个典型的应用场景:
场景一:把对象数组转为“键值对数组的数组”
有时候,我们需要深入每个对象的内部结构进行操作。这时可以先对每个对象调用 Object.entries。
const users = [
{ name: 'Alice', age: 30 },
{ name: 'Bob', age: 25 }
];
const entriesArray = users.map(obj => Object.entries(obj));
console.log(entriesArray);
// 输出结果:
// [
// [['name', 'Alice'], ['age', 30]],
// [['name', 'Bob'], ['age', 25]]
// ]
场景二:把对象数组转为 Map 映射(如按某字段索引)
想快速根据某个字段(如用户名)来查找整个用户对象?可以先用 map 提取出 [key, value] 对,再用 fromEntries 一键生成映射对象。
// 按 name 字段构造 { name: user } 映射
const nameMap = Object.fromEntries(
users.map(user => [user.name, user])
);
console.log(nameMap);
// 输出结果:
// {
// Alice: { name: 'Alice', age: 30 },
// Bob: { name: 'Bob', age: 25 }
// }
场景三:筛选并重组对象结构
这是更高级的用法,展示了链式操作的威力:先 entries 拆开,然后进行过滤或修改,最后再 fromEntries 还原成一个新对象。
// 只保留 age > 27 的字段,并转为小写键名
const filtered = users.map(user =>
Object.fromEntries(
Object.entries(user)
.filter(([k, v]) => k === 'age' && v > 27)
.map(([k, v]) => [k.toLowerCase(), v])
)
);
// 输出结果: [{ age: 30 }, {}]
四、注意事项与边界情况
当然,任何强大的工具都有其使用边界,了解这些能避免踩坑:
- 属性范围:
Object.entries只遍历对象自身的可枚举字符串键属性,它会忽略原型链上的属性。 - 键名冲突:
Object.fromEntries在遇到重复的 key 时,后出现的值会覆盖先出现的值。 - 格式要求:传给
Object.fromEntries的数组,每一项都必须是长度为 2 的可迭代对象。像[key]或[key, val, extra]这样的结构会导致运行时错误。 - Symbol 键处理:需要特别注意,
Object.entries不支持 Symbol 键。如果你的对象使用了 Symbol 作为属性名,可以考虑使用Reflect.ownKeys配合Object.getOwnPropertyDescriptor等方法来替代实现。
总的来说,Object.entries 和 Object.fromEntries 为 Ja vaScript 的对象操作提供了极大的灵活性。掌握它们,你就能在数据格式转换的战场上更加游刃有余。
相关攻略
台铃电动车锁车,真的不耗电吗? 关于电动车锁车后是否还在“偷偷”用电,很多用户心里都有个问号。答案很明确:台铃电动车的锁车状态本身,几乎不产生额外电量消耗。其核心在于一套精心设计的电子防盗系统,在锁止后,整车的主供电电路会被立刻切断,只留下防盗模块、钥匙信号接收器等核心安防单元,以极低的功耗维持待命
老年助听器怎么安装后能用吗? 开门见山地说,给长辈选配助听器,可千万别把它当成“即插即用”的普通电子产品。这本质上是一套严谨的医疗康复流程,核心在于“专业验配”与“科学适应”。没有这两步,再好的设备也可能沦为抽屉里的闲置品。 真正的效能发挥,始于一份精准的听力“地图”——通过纯音测听、声导抗等医学检
高考前冲刺口号 话说回来,每年到了这个时节,教室里、走廊上、甚至学生的课桌一角,总能看到一些凝聚着决心与期盼的句子。它们不仅仅是口号,更像是一股无声的力量,在最后关头为学子们注入信念。下面这份汇集了多年备考智慧的清单,或许能为你带来一些启发。 信念与心态篇 1 Everything is poss
班风口号:胜不骄,败不馁,有志不在年高,但求力争上游 “胜不骄,败不馁”这六个字,分量可不轻。它源自《商君书·战法》,原话是“王者之兵,胜而不骄,败而不怨。”这提醒我们,成功时别让骄傲蒙了眼,失败时也别被沮丧拖垮了脚。保持清醒与韧性,才是长久之道。 紧接着的“有志不在年高”,出自《封神演义》。这话说
下学期中班孩子评语1 1、 这孩子聪明又活泼,课堂上总能看到他高高举起的小手,思维活跃得很,发言特别踊跃。做数学题又快又准,小脑袋转得飞快,语言表达能力也强,还经常主动上来给大家讲故事。要是以后能加强小手的锻炼,让它变得更灵巧,那就更棒了,咱们一起朝着心灵手巧的目标加油吧! 2、 小家伙的口才真不错
热门专题
热门推荐
微软调整XGP战略:降价与《使命召唤》延期入库的背后 最近游戏圈有个大消息:微软宣布下调Xbox Game Pass Ultimate和PC Game Pass的月度订阅价格。具体来看,Ultimate档位从每月29 99美元降到了22 99美元,PC Game Pass则从16 49美元降至13
2026年,Xbox新掌门的第一把火:Game Pass要变“自助餐”了 2026年2月,阿莎·夏尔马接棒菲尔·斯宾塞,成为Xbox的新任CEO。这位新官上任,动作可谓雷厉风行。就在昨天,她点燃了第一把火:Xbox Game Pass Ultimate的月费,从29 99美元直接降到了22 99美元
当明星演员想开游戏工作室:资深同行为何直言“别这么做”? 最近,游戏圈里发生了一场有趣的隔空对话。为《最后生还者》《死亡搁浅》等大作献声的知名演员特洛伊·贝克,在采访中透露了一个雄心勃勃的计划:他想创立自己的游戏工作室,去讲述“自己的故事”。他甚至提到,自己的灵感来源之一,正是曾为《刺客信条:起源》
Steam新款手柄评测视频意外流出,定价信息同步曝光 游戏硬件圈最近有个不大不小的“意外”。根据海外多个科技消息源的报道,Valve即将推出的新款Steam Controller手柄,其评测视频竟然提前在网上泄露了。更关键的是,视频里还直接公布了这款产品的售价:99美元。 事情是这样的:一个名为“T
此前,外网消息源透露,目前PlayStation在PS4和PS5的数字版游戏中加入了DRM验证(正版在线验证)机制。 前情提要>> 简单来说,这个新机制的效果是这样的:从今往后,如果你通过数字商店购买新游戏,那么主机就必须定期连接到PSN网络进行正版验证。具体规则是,如果主机连续超过30天处于离线状





