本文详解如何在不使用原生 filter() 的前提下，为 Array.prototype 添加符合规范的 myFilter() 方法，重点解析回调函数三参数（元素、索引、原数组）的正确传递逻辑及布尔判断细节。
本文详解如何在不使用原生 `filter()` 的前提下，为 `array.prototype` 添加符合规范的 `myfilter()` 方法，重点解析回调函数三参数（元素、索引、原数组）的正确传递逻辑及布尔判断细节。
要真正模拟 Array.prototype.filter() 的行为，myFilter 不仅需遍历数组并收集满足条件的元素，还必须严格遵循其回调函数签名与执行语义——即向用户传入的 callback 函数完整传递三个参数：当前元素（this[i]）、当前索引（i）和原始数组（this）。这是你原始实现失败的关键原因。
你的写法：
if(callback(this[i])) { /* ... */ }仅传入了元素，却忽略了 index 和 array 参数。这会导致某些依赖后两个参数的回调逻辑失效。例如测试用例：
[1, 1, 2, 5, 2].myFilter((element, index, array) => array.indexOf(element) === index)
该回调利用 array.indexOf(element) === index 去重（保留首次出现的元素），但若 myFilter 未传入 index 和 array，callback 中的 array 将是 undefined，indexOf 调用抛出错误，或返回 false，最终导致结果错误。
✅ 正确做法是显式传入全部三个参数：
for (let i = 0; i < this.length; i++) {
if (callback(this[i], i, this)) {
newArray.push(this[i]);
}
}⚠️ 注意：filter() 对回调返回值的处理是强制转换为布尔值（falsy → 排除，truthy → 保留）。虽然 if (callback(...)) 在 JavaScript 中已隐式执行 ToBoolean 转换，但参考答案中显式写作 Boolean(callback(...)) === true 是为强调语义一致性（尽管冗余，不影响功能）。实际开发中直接 if (callback(...)) 更简洁且等价。
完整实现如下：
Array.prototype.myFilter = function(callback) {
const newArray = [];
for (let i = 0; i < this.length; i++) {
// 严格传递三个参数：元素、索引、原数组
if (callback(this[i], i, this)) {
newArray.push(this[i]);
}
}
return newArray;
};? 总结要点：
- myFilter 是 this 上的实例方法，this 即调用它的数组；
- 必须遍历 this.length，支持稀疏数组（for 循环天然跳过空槽）；
- 回调调用必须为 callback(element, index, array)，缺一不可；
- 无需手动 Boolean() 包装，if 条件已做隐式转换；
- 禁止使用 filter、map、reduce 等高阶方法，确保底层实现。
通过此实现，你不仅通过了所有测试，更深入理解了 JavaScript 原生方法的设计契约——参数完整性与执行环境透明性，是编写可靠 polyfill 的基石。
