如何在JavaScript中匹配对象数组与字符串数组并保存匹配记录？

嘿，我来帮你搞定这个需求！你之前的代码是针对纯字符串数组的匹配逻辑，现在要处理对象数组和字符串数组的匹配，其实只需要调整下判断逻辑就可以轻松实现。

方法一：直观筛选（适合中小型数组） #

最直接的方式是用Array.filter()配合Array.includes()，一步到位筛选出符合条件的对象：

const array1 = [ 
  { "phId": 10, "value": "[PACKNAME]" }, 
  { "phId": 11, "value": "[PACKTYPE]" }, 
  { "phId": 12, "value": "[BALANCE]" }, 
  { "phId": 17, "value": "[DURATION]" } 
];
const array2 = [ "[PACKNAME]", "[BALANCE]" ];

// 筛选array1中value存在于array2的对象
const matchedArray = array1.filter(item => array2.includes(item.value));

console.log(matchedArray);
// 输出结果：[ { "phId": 10, "value": "[PACKNAME]" }, { "phId": 12, "value": "[BALANCE]" } ]

逻辑说明：

• filter()会遍历array1的每一个对象，只保留返回true的元素
• includes(item.value)用来判断当前对象的value属性是否存在于array2中

方法二：性能优化版（适合大型数组） #

如果你的数组数据量很大，includes()的O(n)查找效率会有点慢，这时可以把array2转换成Set，利用Set的O(1)查找特性来优化：

const array1 = [ 
  { "phId": 10, "value": "[PACKNAME]" }, 
  { "phId": 11, "value": "[PACKTYPE]" }, 
  { "phId": 12, "value": "[BALANCE]" }, 
  { "phId": 17, "value": "[DURATION]" } 
];
const array2 = [ "[PACKNAME]", "[BALANCE]" ];

// 先把array2转成Set，提升查找效率
const valueSet = new Set(array2);
const matchedArray = array1.filter(item => valueSet.has(item.value));

console.log(matchedArray);

逻辑说明：

• new Set(array2)会把字符串数组转换成Set结构，后续的has()方法判断元素是否存在的速度比includes()快很多
• 筛选逻辑和方法一完全一致，只是把查找方式换成了更高效的Set

为什么你之前的代码不适用？ #

你之前的代码是针对纯字符串数组，通过构建映射对象来标记匹配状态，最后生成带matched属性的新对象数组。但现在的需求是直接筛选出原对象，不需要额外的状态标记，所以用filter()会更简洁直接，不需要绕弯子构建映射~

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