如何通过对象数组过滤替换数组索引值以得到目标数组？

需求说明 #

输入数组：

const Arr = [1,2,3];
const New = [{1:'ab'},{2:'cd'},{3:'ef'}]; 

需要将Arr中的元素替换为New数组中对应键的值，最终输出：

['ab','cd','ef'];

实现方法 #

方法一：构建映射表（推荐，高性能）

先将对象数组New转换为键值对映射对象，再通过map遍历原数组完成替换，这种方式查找效率为O(1)，适合大数据量场景：

const Arr = [1,2,3];
const New = [{1:'ab'},{2:'cd'},{3:'ef'}]; 

// 生成键值对映射
const valueMap = {};
New.forEach(obj => {
  const key = Object.keys(obj)[0];
  valueMap[key] = obj[key];
});

// 替换原数组元素
const result = Arr.map(item => valueMap[item]);
console.log(result); // 输出: ['ab','cd','ef']

方法二：直接查找匹配（简洁，适合小数据量）

直接遍历原数组，通过find在New数组中查找对应键的对象，写法简洁但查找效率为O(n)，数据量大时性能较差：

const Arr = [1,2,3];
const New = [{1:'ab'},{2:'cd'},{3:'ef'}]; 

const result = Arr.map(item => {
  const matchObj = New.find(obj => obj.hasOwnProperty(item));
  // 可选：处理找不到匹配项的情况，这里返回undefined，也可替换为默认值
  return matchObj ? matchObj[item] : undefined;
});
console.log(result); // 输出: ['ab','cd','ef']

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