本文介绍在 javascript 中根据一组索引值（如 [1, 2, 4]）高效提取目标数组中对应位置元素的方法，重点讲解 `map()` 和 `filter()` 两种主流实现方式，并对比其适用场景与性能注意事项。
在日常开发中，我们常需从一个数组中按指定位置批量获取多个元素——例如从 [2, 3, 5, 7, 11] 中取出索引为 1、2、4 处的元素，期望得到 [3, 5, 11]。JavaScript 原生不支持类似 arr[indices] 的语法（该写法会返回 undefined），但可通过函数式编程方法优雅实现。
✅ 推荐方案：使用 map() 映射索引 → 元素
最直观、高效且语义清晰的方式是遍历索引数组，将每个索引映射为原数组中的对应值：
const arr = [2, 3, 5, 7, 11]; const indices = [1, 2, 4]; const result = indices.map(i => arr[i]); console.log(result); // [3, 5, 11]
✅ 优点：
- 时间复杂度为 O(k)（k 为索引数组长度），性能稳定；
- 支持重复索引（如 [1, 1, 2] → [3, 3, 5]）；
- 自动处理越界索引（arr[10] 返回 undefined，可结合 ?? 或校验增强健壮性）。
⚠️ 注意：若需容错，建议添加边界检查：
立即学习“Java免费学习笔记（深入）”；
const safeResult = indices.map(i =>
Number.isInteger(i) && i >= 0 && i < arr.length
? arr[i]
: undefined
);⚙️ 替代方案：使用 filter() 按索引筛选
另一种思路是遍历原数组，保留索引存在于 indices 集合中的元素：
const indicesSet = new Set(indices); // 提升 includes() 性能 const result = arr.filter((_, i) => indicesSet.has(i));
✅ 优点：逻辑直白，适合“从原数组中筛选指定位置”的语义场景。
❌ 缺点：时间复杂度为 O(n)（n 为原数组长度），当 indices 很小但 arr 极大时效率较低；且无法保留索引顺序（除非原顺序即所需顺序）或处理重复索引。
? 关键优化：务必用 new Set(indices) 替代 indices.includes(i)，避免嵌套循环导致 O(n×k) 复杂度。
? 总结与选型建议
| 方法 | 适用场景 | 时间复杂度 | 是否保持索引顺序 | 是否支持重复索引 |
|---|---|---|---|---|
| indices.map(i => arr[i]) | ✅ 通用首选，尤其 k ≪ n | O(k) | ✅ 是 | ✅ 是 |
| arr.filter(...) + Set | ❗仅当需复用原数组遍历逻辑时考虑 | O(n) | ✅ 是（按原序） | ❌ 否（仅出现一次） |
此外，还可封装为可复用工具函数：
const selectByIndices = (array, indices) => indices.map(i => array[i]); // 使用示例 selectByIndices([10, 20, 30, 40], [0, 3]); // [10, 40]
掌握这两种方式，即可灵活应对前端开发中各类基于索引的数据提取需求。
