Array.from 不能直接筛选，仅支持全量映射；需配合 filter 实现条件筛选，如 Array.from(iterable).filter(callback)；误用映射函数返回 undefined 会导致空位而非过滤。
Array.from 本身不提供筛选功能，不能直接用于条件筛选。它主要用于从类数组对象或可迭代对象创建新数组，或配合映射函数做一次性转换。若想实现“条件筛选”，需结合其他方法（如 filter）或利用其第二个参数（映射函数）间接处理，但要注意逻辑限制和常见误区。
理解 Array.from 的核心用途
Array.from 接收两个主要参数：源对象（如 NodeList、arguments、Set、字符串等）和一个可选的映射函数（mapFn）。它会遍历源对象的每一项，调用 mapFn 处理后放入新数组——这个过程是“全量映射”，不是“按条件过滤”。
例如：
const arr = Array.from("ab1c2d", char => /\d/.test(char) ? char : null);// 结果：[null, null, "1", null, "2", null] —— 并非筛选出数字，而是把非数字转为 null
正确实现条件筛选的常用组合方式
真正做筛选，应优先使用 filter。若必须用 Array.from（比如源头是类数组），推荐以下写法：
立即学习“Java免费学习笔记（深入）”；
- 先用 Array.from 转成数组，再链式调用 filter：
Array.from(document.querySelectorAll('div')).filter(el => el.classList.contains('active')) - 用 Array.from 的映射函数返回 undefined 或 null，再配合 filter 去除假值（不推荐，语义不清且效率低）
- 对 Set 或 Map 等可迭代对象，可先转数组再筛选：
Array.from(new Set([1,2,2,3])).filter(x => x > 1)
避免误用：映射函数里 return 或不 return 的影响
Array.from 的映射函数若对某些元素 return undefined 或不 return，对应位置会是 undefined，但数组长度不变——这不等于跳过该元素，更不是删除。
错误示例：
const result = Array.from([1,2,3,4], x => x % 2 === 0 && x);// 得到 [undefined, 2, undefined, 4]，不是 [2, 4]
想得到 [2, 4]，必须显式 filter：
Array.from([1,2,3,4]).filter(x => x % 2 === 0)适合用 Array.from + 条件逻辑的少数场景
当需要“生成新数组”且“每个元素是否保留取决于某个条件”，但又不想提前构造完整数组时，可考虑：
- 基于索引生成带条件的值，如：
Array.from({length: 10}, (_, i) => i % 2 === 0 ? i : undefined).filter(v => v !== undefined) - 配合 Array.keys() 或 Array.entries() 做带索引的筛选逻辑（仍需后续 filter）
- 处理 DOM 集合等非数组对象时，Array.from 是必要前置步骤，筛选是独立后续操作
