基于数组中的键返回对象对应值的实现方法咨询（涉及map()、filter()等数组方法）

嘿，你选map()的思路完全没问题！这正是生成新数组的最佳方法，刚好匹配你的需求。让我一步步给你拆解实现方式：

基础实现（直接用map()） #

既然你的数组元素刚好是对象的键，我们可以直接遍历数组，把每个元素作为键去取对象对应的值：

const array = [1, 2, 3];
const object = { 1: "blue", 2: "red", 3: "green", 4: "orange", 5: "purple" };

// 用map遍历数组，每个元素作为键获取对象值
const result = array.map(key => object[key]);

console.log(result); // 输出: ["blue", "red", "green"]

map()会逐个处理数组里的元素（也就是1、2、3），把每个元素映射成object[key]对应的属性值，最后自动把这些值打包成新数组返回——完美契合你“生成新数组”的需求。

进阶：过滤不存在的键（结合filter()或includes()） #

如果你的数组里可能包含对象中没有的键（比如[1, 6]），直接用map()会得到undefined。这时候可以结合你学的filter()或者includes()来过滤无效键：

方法1：用filter() + map()

先过滤出对象中存在的键，再映射对应值：

const result = array
  .filter(key => Object.hasOwn(object, key)) // 判断键是否存在于对象中（不会检查原型链）
  .map(key => object[key]);

方法2：结合includes()

如果你想用上includes()，可以先获取对象的所有键（注意Object.keys()返回的是字符串数组），再判断数组元素是否在这个键列表里：

const objectKeys = Object.keys(object); // 得到: ["1", "2", "3", "4", "5"]

const result = array
  .filter(key => objectKeys.includes(String(key))) // 把数字键转成字符串匹配
  .map(key => object[key]);

这样就把你正在学习的includes()也用上啦～

为什么不用forEach()？ #

虽然forEach()也能遍历数组，但它不会返回新数组，你得手动创建一个空数组然后push值，相比之下map()更简洁直接，完全适配“生成新数组”的场景。

内容的提问来源于stack exchange，提问作者Dj.cho