如何在JavaScript中避免循环优化代码？求无循环数组筛选方案

完全不用手动写for/while这类循环结构，JavaScript的数组内置方法就能帮你优雅地完成这个需求，而且代码更简洁、可读性更强。

核心解决方案：filter() + includes() #

直接用这两个方法的组合就能快速得到你想要的结果：

// 原始对象数组
const originalArray = [
  {id:1,name:"temp1"},
  {id:2,name:"temp2"},
  {id:3,name:"temp3"},
  {id:4,name:"temp4"}
];

// 目标id数组
const targetIds = [3,4];

// 筛选结果
const filteredArray = originalArray.filter(item => targetIds.includes(item.id));

console.log(filteredArray);
// 输出：[ {id:3,name:"temp3"}, {id:4,name:"temp4"} ]

方法解释 #

• filter()：数组的内置方法，会遍历数组（底层由JS引擎处理，不需要你写循环），并返回一个新数组，包含所有通过回调函数测试的元素。
• includes()：数组的内置方法，用于判断某个值是否存在于数组中，返回布尔值。

性能优化小技巧（针对大数据量场景） #

如果你的targetIds数组很大，建议先把它转换成Set，因为Set.prototype.has()的查找性能比Array.prototype.includes()更高：

const targetIdSet = new Set([3,4]);
const filteredArray = originalArray.filter(item => targetIdSet.has(item.id));

这种方式在处理大量数据时，能明显提升查找效率。

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