js的filter写法

JavaScript中的filter方法用于过滤数组中的元素并返回一个新的数组。它不会改变原始数组。filter方法的语法是：array.filter(function(currentValue, index, arr), thisValue)。

以下是一个示例代码的错误写法：

Failed to resolve filter: HomePage console错误信息.jpg
我原来的写法：
原来的错误写法.jpg
错误原因：经过自己的摸索，后来发现竟然是代码顺序错误问题。由于先执行的pageList，后执行的Vue的过滤方法，...

以下是一个正确的自定义filter方法的示例：

Array.prototype._filter = function(fn) {
  if (typeof fn !== 'function') return;
  let res = [];
  for (let i = 0; i < this.length; i++) {
    if (fn(this[i])) {
      res.push(this[i]);
    }
  }
  return res;
}

这个示例代码展示了如何自定义一个filter方法来过滤数组。首先，我们检查传入的参数是否是一个函数，如果不是，直接返回。然后，我们遍历数组中的每个元素，如果满足传入的条件函数，我们将其添加到结果数组中。最后，我们返回结果数组。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [js手写filter()函数（含原理和步骤解析）](https://blog.csdn.net/unlilalila/article/details/123029089)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [Vue.js报错Failed to resolve filter问题的解决方法](https://download.csdn.net/download/weixin_38534444/14901613)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]