登录
首页 >  文章 >  前端

JavaScript对象转Map方法解析

时间:2026-05-10 19:48:50 218浏览 收藏

本文深入解析了将JavaScript普通对象高效转换为Map的两种核心方法:首选简洁可靠的Object.entries()配合Map构造函数,适用于大多数场景,但会自动将数字键转为字符串并忽略Symbol键与不可枚举属性;当需完整保留所有自有属性(包括Symbol和不可枚举键)时,则推荐使用Reflect.ownKeys()手动构建Map。文章不仅给出一行式实用代码示例,更直击常见陷阱与边界情况,助你精准选型、避坑无忧。

JavaScript中对象转换为Map的Object-entries方法

JavaScript中,把普通对象转成 Map 最简洁可靠的方式就是使用 Object.entries() 配合 Map 构造函数。

为什么用 Object.entries()?

Object.entries(obj) 返回一个二维数组,每一项是 [key, value] 形式的键值对,这正好匹配 Map 构造函数所需的可迭代格式。它只遍历对象自身的、可枚举的属性,不包含原型链上的属性,行为明确且安全。

基本写法(一行搞定)

直接传入即可:

const obj = { a: 1, b: 2, c: 3 };
const map = new Map(Object.entries(obj));

结果:map 是一个包含三个键值对的 Map,支持 map.get('a')map.size、迭代等全部 Map 方法。

注意点和常见坑

  • 键会被转为字符串:如果原对象的 key 是数字或 Symbol,Object.entries() 会把数字 key 自动转成字符串(如 { 1: 'x' }[['1', 'x']]),Symbol key 则被完全忽略(因为不可枚举)
  • 不处理嵌套或特殊类型:该方法只做浅转换,不会递归处理嵌套对象或转换 DateRegExp 等特殊值
  • 丢失不可枚举属性:例如通过 Object.defineProperty 设置的 enumerable: false 属性不会出现在 entries 结果中

需要保留 Symbol key 或不可枚举属性?

这时得手动遍历:Reflect.ownKeys() 可获取所有自有属性键(含 Symbol 和不可枚举键),再逐个取值构建 Map

const obj = { a: 1 };
Object.defineProperty(obj, 'hidden', { value: 2, enumerable: false });
const sym = Symbol('s');
obj[sym] = 3;

const map = new Map(
  Reflect.ownKeys(obj).map(key => [key, obj[key]])
); // 包含 'a'、'hidden'、Symbol('s')

终于介绍完啦!小伙伴们,这篇关于《JavaScript对象转Map方法解析》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!

资料下载
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>