如何在TypeScript中通过键值从JSON数组生成目标对象数组？

嘿，这个需求太典型了——完全没必要手动找索引，用JavaScript数组的filter()方法结合集合（或数组包含判断）就能优雅解决，代码还能保持健壮性，不会因为原数组顺序变动出问题。

实现步骤 #

1. 先定义你的原始货币数组和需要保留的货币ID集合；
2. 用filter()遍历原数组，只保留ID在目标集合里的元素。

完整代码示例 #

// 你的原始货币汇率数组
const originalList = [ 
  { id:"AUD", value:"1.55" }, 
  { id:"BGN", value:"1.95" }, 
  { id:"USD", value:"1.17" }, 
  { id:"CAD", value:"1.51" }, 
  { id:"EUR", value:"1" }, 
  { id:"INR", value:"80.00" } 
];

// 定义需要保留的货币ID集合（用Set是因为查找效率更高）
const targetCurrencies = new Set(['USD', 'CAD', 'EUR']);

// 生成目标数组newList
const newList = originalList.filter(item => targetCurrencies.has(item.id));

代码说明 #

• 为什么用Set？：如果你的货币列表很大，Set.prototype.has()的查找性能比数组的includes()更好（时间复杂度O(1) vs O(n)）。如果只是少量元素，直接用数组['USD','CAD','EUR'].includes(item.id)也完全没问题；
• 灵活性：之后要新增或修改需要保留的货币，只需要调整targetCurrencies集合即可，不用改动筛选逻辑；
• 健壮性：完全不依赖原数组的元素顺序，哪怕原数组里的元素位置变了，只要ID正确就能筛选出来。

最终输出的newList #

[
  { id:"USD", value:"1.17" },
  { id:"CAD", value:"1.51" },
  { id:"EUR", value:"1" }
]

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