前端开发中，很多人分不清 Map 和普通对象的长度获取方式——size 和 Object.keys(obj).length，两者功能相似但核心不同，精简重点如下，新手也能快速记牢。
一、核心区别1：适用对象（关键！不串岗）
Map.size → 仅用于 Map 类型
Map 是 ES6 键值对结构，size 是其内置属性，直接读取即可，无需额外操作。
const map = new Map();
map.set('name', '前端小菜鸟');
console.log(map.size); // ✅ 输出 1（直接获取）
注意：普通对象用size 会返回 undefined。
Object.keys(obj).length → 仅用于普通对象
普通对象无 size 属性，需先通过Object.keys(obj) 提取键为数组，再取数组长度。
const obj = { name: '前端小菜鸟', age: 22 };
console.log(Object.keys(obj).length); // ✅ 输出 2（先转数组再计算）
注意：Map 用 Object.keys() 会返回空数组，长度为 0，完全不准。
二、核心区别2：性能差异（影响开发效率）
Map.size：速度极快（O(1)）
Map 内部维护计数器，新增/删除键值对时自动更新，直接读取计数器，无需遍历，无论数据量多少，耗时一致。
Object.keys(obj).length：速度较慢（O(n)）
需遍历所有键 → 生成数组 → 计算长度（n 为键值对数量），数据量越大，耗时越长。
三、补充区别（易忽略，按需记）
1. 键的类型支持
-
Map：支持任意类型（字符串、数字、对象、NaN 等）；
-
普通对象：仅支持字符串、Symbol 类型（数字会自动转字符串）。
2. 统计范围
-
Map.size：统计自身所有手动添加的键；
-
Object.keys(obj).length：仅统计自身可枚举、非 Symbol 键（忽略原型链、不可枚举、Symbol 键）。
const obj = { a: 1 };
Object.defineProperty(obj, 'b', { value: 2, enumerable: false }); // 不可枚举
obj[Symbol('c')] = 3;
console.log(Object.keys(obj).length); // 仅输出 1（只统计 a）
四、记忆口诀 + 开发建议
Map 用 size（直接快），对象用 keys（遍历慢），各管各的不串岗！
开发建议
-
需多类型键、频繁增删 → 用 Map +
map.size（高效）； -
简单字符串键存储 → 用普通对象 +
Object.keys(obj).length； -
避免混淆：Map 不用 keys，对象不用 size，减少 bug。
核心记住“适用对象”和“性能”，就能轻松用对，避免踩坑～
