如何判断对象数组的ID是否存在于普通数组？适配v-if场景

以下是几种实用的实现方案，可根据你的数组规模和使用场景选择：

方案1：简洁基础版（中小规模数组） #

利用数组的some()和includes()方法组合，写法简洁直观，适合大多数常规场景：

function hasMatchingId(arr1, arr2) {
  return arr1.some(item => arr2.includes(item.id));
}

• 逻辑说明：some()会遍历arr1，只要找到任意一个元素的id存在于arr2中，就立即返回true；若遍历完都没匹配则返回false。
• 直接在Vue模板中使用的写法：

<div v-if="arr1.some(item => arr2.includes(item.id))">
  <!-- 需要展示的内容 -->
</div>

方案2：性能优化版（大数据量场景） #

如果arr2包含大量元素，推荐先将其转为Set结构——Set.has()的查询效率远高于数组includes()（时间复杂度从O(n)降到O(1)）：

function hasMatchingId(arr1, arr2) {
  const idSet = new Set(arr2);
  return arr1.some(item => idSet.has(item.id));
}

注意事项 #

• 边界处理：上述方法天然兼容arr1或arr2为空的情况，此时会直接返回false。
• 类型匹配：如果id存在数字/字符串混合的情况（比如arr1的id是数字，arr2存的是字符串），需要统一类型后再判断，例如：

// 统一转为字符串匹配
return arr1.some(item => arr2.includes(String(item.id)));

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