JavaScript中Array.prototype.map()与Map数据结构的区别及应用问询

1. 核心逻辑 #

就是遍历数组的每一项，对每一项执行你写的转换规则，最后返回一个全新数组，原数组不会被改动。本质是把数组里的每个元素「映射」成另一个值，这也是它叫map的原因。

2. 实际用途 & 比for循环更顺手的场景 #

场景1：数据格式转译（开发最常用） #

比如后端返回的用户数据字段太多，你只需要提取id和昵称：

const rawUsers = [
  { id: 1, name: '张三', age: 25, address: '北京' },
  { id: 2, name: '李四', age: 30, address: '上海' }
];

// 用map直接提取需要的字段
const simplifiedUsers = rawUsers.map(user => ({
  userId: user.id,
  userName: user.name
}));
// 结果：[{ userId:1, userName:'张三' }, { userId:2, userName:'李四' }]

换成for循环的话，得手动初始化空数组、push元素，代码冗余不少：

const simplifiedUsers = [];
for (let i = 0; i < rawUsers.length; i++) {
  simplifiedUsers.push({
    userId: rawUsers[i].id,
    userName: rawUsers[i].name
  });
}

场景2：批量处理数据 #

比如把数组里的数字全部翻倍：

const numbers = [1,2,3,4];
const doubled = numbers.map(num => num * 2);
// 结果：[2,4,6,8]

场景3：配合链式调用（数组方法组合） #

比如先过滤出成年用户，再提取他们的名字：

const adultNames = rawUsers
  .filter(user => user.age >= 18)
  .map(user => user.name);

这种链式写法比嵌套for循环可读性高太多，逻辑一目了然。

3. 什么时候用for循环而非map？ #

• 不需要返回新数组的时候（比如只是遍历打印内容、修改原数组元素）
• 需要中途中断遍历（map没法break，for循环可以）

1. 核心逻辑 #

ES6新增的键值对集合，和普通对象类似，但有两个关键区别：键的类型不受限制（可以是字符串、数字、对象、函数甚至Symbol），而且会严格保留键的插入顺序。它叫Map是因为本质是「键-值映射表」，和数组map的「元素-新元素映射」是不同维度的映射概念。

2. 实际用途 #

场景1：用非字符串做键 #

比如用对象作为键存储用户分数，普通对象根本做不到：

const user1 = { id: 1 };
const user2 = { id: 2 };

const userScores = new Map();
userScores.set(user1, 90);
userScores.set(user2, 85);

console.log(userScores.get(user1)); // 输出90

如果用普通对象，键会被强制转成字符串[object Object]，两个键会互相覆盖：

const userScores = {};
userScores[user1] = 90;
userScores[user2] = 85;
console.log(userScores[user1]); // 输出85（因为两个键被转成了同一个字符串）

场景2：需要保留插入顺序的键值对 #

普通对象在ES6之前不保证键的顺序，Map则严格按插入顺序遍历：

const map = new Map();
map.set('b', 2);
map.set('a', 1);
map.set('c', 3);

for (const [key, value] of map) {
  console.log(key); // 依次输出b、a、c
}

场景3：快速获取键值对数量 #

Map自带size属性直接拿长度，对象得手动遍历计算：

console.log(map.size); // 输出3

场景4：频繁增删键值对的场景 #

Map的set、delete方法比对象的属性操作更高效，数据量大的时候差异明显。

只是英文map这个词的语义复用：

• 数组的map是「转换映射」：把每个元素映射成另一个元素
• Map数据结构是「映射表」：存储键到值的对应关系
  就像「苹果」可以指水果也可以指公司，同一个词的不同用法而已，没有直接关联。

内容的提问来源于stack exchange，提问作者King是太阳