实现自定义数组过滤方法 myFilter-js教程-PHP中文网

实现自定义数组过滤方法 myFilter

本文详解如何在不使用原生 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 <p>⚠️ 注意：filter() 对回调返回值的处理是<strong>强制转换为布尔值</strong>（falsy → 排除，truthy → 保留）。虽然 if (callback(...)) 在 JavaScript 中已隐式执行 ToBoolean 转换，但参考答案中显式写作 Boolean(callback(...)) === true 是为强调语义一致性（尽管冗余，不影响功能）。实际开发中直接 if (callback(...)) 更简洁且等价。</p><p>完整实现如下：</p><pre class="brush:php;toolbar:false;">Array.prototype.myFilter = function(callback) {
  const newArray = [];
  for (let i = 0; i <p>? 总结要点：</p>