如何利用JavaScript数组访问对象属性实现数组转换

嘿，这个需求我经常碰到，给你分享几种简单好用的实现方式，轻松把数组里的键转换成对象对应的水果名称～

方法1：使用map方法（最简洁推荐） #

这是最常用也最简洁的方式，利用数组的map方法直接生成新数组：

const fruits = { a: 'apple', b: 'banana' };
const array = ['a', 'b'];

// 用map遍历数组，返回每个键对应的对象值
const newArray = array.map(key => fruits[key]);
console.log(newArray); // 输出: ['apple', 'banana']

map方法会遍历原数组的每一个元素，将每个元素（也就是对象的键）传入回调函数，返回对应的对象值，最终生成一个全新的数组，完美匹配你的需求。这种ES6箭头函数的写法简洁易懂，日常开发里用得最多。

方法2：使用forEach循环（更灵活可控） #

如果你需要在遍历过程中做一些额外操作（比如判断键是否存在），用forEach会更灵活：

const fruits = { a: 'apple', b: 'banana' };
const array = ['a', 'b'];
const newArray = [];

// 遍历原数组，把对应的值push到新数组里
array.forEach(key => {
  newArray.push(fruits[key]);
});
console.log(newArray); // 输出: ['apple', 'banana']

这种方式更直观，手动控制每一步的操作，适合需要自定义逻辑的场景。

额外优化：添加容错处理 #

如果原数组里可能存在对象中没有的键，为了避免返回undefined，可以添加一个容错判断：

const newArray = array.map(key => {
  // 先检查对象是否包含这个键
  if (fruits.hasOwnProperty(key)) {
    return fruits[key];
  }
  // 如果不存在，返回默认值或者你需要的内容
  return '未知水果';
});

这样即使数组里出现了像'c'这种不存在的键，也会返回你指定的默认值，让代码更健壮。

内容的提问来源于stack exchange，提问作者Tejaswi katha