js中filter的用法
时间: 2023-11-14 18:13:10 浏览: 37
在 JavaScript 中,filter() 方法是数组对象中的方法,它用于筛选出符合指定条件的元素,并返回一个新的数组,不会改变原来的数组。
filter() 方法接受一个回调函数作为参数,这个回调函数会被遍历数组中的每一个元素,并返回一个布尔值。如果回调函数返回 true,那么该元素就会被保留在新数组中,否则就会被过滤掉。
例如:
```javascript
const arr = [1, 2, 3, 4, 5];
const filteredArr = arr.filter((item) => item > 3);
console.log(filteredArr); // [4, 5]
```
在上面的例子中,我们使用 filter() 方法筛选出大于 3 的元素,并返回一个新的数组 [4, 5]。
filter() 方法也可以使用第二个参数来指定回调函数中 this 的指向,例如:
```javascript
const obj = {
threshold: 3,
filterFn(item) {
return item > this.threshold;
},
};
const arr = [1, 2, 3, 4, 5];
const filteredArr = arr.filter(obj.filterFn, obj);
console.log(filteredArr); // [4, 5]
```
在上面的例子中,我们将 filterFn 方法作为回调函数传递给 filter() 方法,并指定 this 的指向为 obj 对象,然后在 filterFn 中使用 this.threshold 来表示筛选的阈值。这样就可以在一个对象的方法中使用 filter() 方法了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)