filter()方法不会改变原数组，它通过返回一个新数组实现非破坏性操作，这保证了数据安全性和代码可预测性；处理空值时，filter将null、undefined等视为普通元素，需在回调函数中显式判断以决定是否保留，例如用boolean(num)或num != null等条件进行过滤，从而精准控制结果数组的内容，避免意外遗漏或保留，最终输出一个符合预期的全新数组。
JavaScript里，当你需要从一个数组里剔除掉某些特定成员时，
filter()方法简直就是个利器。它不会直接修改你原来的数组，而是悄悄地给你生成一个全新的数组，里面只剩下那些你“想要”的元素。说白了，就是你给它一个判断标准，它按图索骥，不符合的就直接略过。
要用
filter来“剔除”特定元素，核心思路是反向思考：不是去想“我要移除什么”，而是去想“我想要留下什么”。
filter的工作方式是，你给它一个测试函数，数组里的每个元素都会被这个函数过一遍，如果函数返回
true，这个元素就被新数组收纳；如果返回
false，那就被无情地抛弃了。所以，如果你想移除某个元素，你的测试函数就应该在遇到它时返回
false。
举个最简单的例子，假设我们有个数字数组，想把里面的数字
3都干掉：
const numbers = [1, 2, 3, 4, 3, 5]; const filteredNumbers = numbers.filter(num => num !== 3); console.log(filteredNumbers); // 输出: [1, 2, 4, 5]
看，
num !== 3就是我们的筛选条件。当
num是
3的时候，
num !== 3是
false，所以
3就被
filter跳过了。
如果想移除多个特定的值，比如既要移除
3又要移除
5，你可以这样：
const moreNumbers = [1, 2, 3, 4, 5, 6, 5, 3]; const valuesToRemove = [3, 5]; const result = moreNumbers.filter(num => !valuesToRemove.includes(num)); console.log(result); // 输出: [1, 2, 4, 6]
这里我们用
!valuesToRemove.includes(num)。
includes方法会检查当前元素是否在
valuesToRemove数组里，前面加个
!就是取反，如果它在，就变成
false，从而被过滤掉。
对于更复杂一点的场景，比如数组里是对象，我们要根据对象的某个属性来过滤，比如移除所有
status为
'inactive'的用户：
const users = [
{ id: 1, name: 'Alice', status: 'active' },
{ id: 2, name: 'Bob', status: 'inactive' },
{ id: 3, name: 'Charlie', status: 'active' },
{ id: 4, name: 'David', status: 'inactive' }
];
// 目标是移除 inactive 用户，所以条件是保留 active 用户
const activeUsers = users.filter(user => user.status === 'active');
console.log(activeUsers);
/*
输出:
[
{ id: 1, name: 'Alice', status: 'active' },
{ id: 3, name: 'Charlie', status: 'active' }
]
*/这例子是保留
active的，如果反过来，要移除
inactive的，其实逻辑是一样的，只是条件反过来：
user.status !== 'inactive'。
const nonInactiveUsers = users.filter(user => user.status !== 'inactive'); console.log(nonInactiveUsers); // 和上面结果一样
我个人觉得，理解
filter的关键在于它的“正向筛选”机制，也就是“我想要什么”，而不是“我不要什么”。一旦你把“不要什么”转换成“要什么（剩下的）”，
filter用起来就顺手多了。
filter()
方法会改变原数组吗？为什么了解这一点很重要？
这是个非常基础但又极其重要的问题，尤其对于新手来说，很容易混淆。答案是：
filter()方法不会改变原数组。它总是返回一个全新的数组，里面包含了通过你指定测试函数的所有元素。
为什么了解这一点如此重要呢？想象一下，你在一个大型应用里处理数据，如果每次操作都直接修改原始数据，那后续的逻辑处理会变得异常复杂，甚至出现难以追踪的bug。比如，你可能在一个地方过滤了数据，然后另一个模块又在不知情的情况下使用了被修改的原始数据，结果就乱套了。
filter这种“非破坏性”的操作，是函数式编程思想在JavaScript中的一个体现。它让你的代码更可预测、更安全。每次操作都产生一个新状态，而不是修改旧状态。这意味着你可以更放心地进行链式操作，或者在不同的地方使用原始数据，而不用担心它在某个不经意的角落被篡改。
举个例子，假设你有一份用户列表，你先用
filter找出所有活跃用户，然后又想找出所有男性用户。如果
filter修改了原数组，你第二次查找男性用户时，可能就只能在活跃用户中找了，而不是在全部用户中找。但因为它不修改原数组，你可以基于原始的完整用户列表，独立地进行多次不同的筛选操作，互不干扰。这对于维护数据完整性和代码模块化来说，简直是福音。
filter()
方法在处理数组中的空值、null
或undefined
时有什么特点？
在使用
filter()处理数组时，遇到空值（比如
undefined、
null）或者数组中的“空洞”（sparse arrays）是常有的事。
filter的默认行为是相当直接的：它会把这些值当做普通的元素来处理，并根据你的回调函数决定是保留还是剔除。
举个例子，如果你有一个数组，里面混杂了各种“非真”值：
const mixedValues = [1, null, 0, undefined, '', 'hello', false]; // 目标：移除所有“假值”（falsy values），只保留“真
