es6 filter函数的用法
时间: 2023-08-11 09:03:13 浏览: 23
ES6中的`filter`函数是Array原型上的方法,用于过滤数组中的元素,它的语法如下:
```javascript
array.filter(callback(element[, index[, array]])[, thisArg])
```
其中,`callback`是一个回调函数,它接受三个参数:`element`表示当前被遍历的元素,`index`表示当前元素在数组中的索引,`array`表示数组本身。`thisArg`是可选的,表示在执行`callback`时使用的`this`值。
`filter`函数返回一个新数组,其中包含符合条件的元素。
下面是一个示例,展示如何使用`filter`函数过滤数组中的偶数:
```javascript
const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter((number) => number % 2 === 0);
console.log(evenNumbers); // [2, 4, 6]
```
在上面的例子中,`filter`函数的`callback`函数使用箭头函数定义,它判断当前元素是否为偶数,如果是则返回`true`,否则返回`false`,最终返回一个新的包含偶数的数组。
相关问题
es6 filter函数的用法_es6 filter()方法如何实现?用法介绍
ES6中的`filter()`方法是数组对象的一个方法,用于过滤数组中的元素。它的作用是从一个数组中筛选出符合条件的元素,返回一个新的数组。
`filter()`方法的语法如下:
```
array.filter(callback[, thisArg])
```
其中,`callback`为回调函数,用于测试每个元素是否符合条件。`thisArg`为可选参数,用于指定回调函数中的`this`对象。
`callback`函数接受三个参数:
- `currentValue`:当前元素的值
- `index`:当前元素的索引值
- `array`:当前操作的数组对象
`callback`函数返回布尔值,如果为`true`,则当前元素会被添加到新的数组中,否则不会。最终`filter()`方法返回一个新的数组,其中包含符合条件的元素。
例如,下面的代码演示了如何使用`filter()`方法从一个数组中筛选出所有的偶数:
```
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const evenArr = arr.filter(item => item % 2 === 0);
console.log(evenArr); // [2, 4, 6, 8, 10]
```
在上面的代码中,我们使用`filter()`方法筛选出所有的偶数,返回一个新的数组`evenArr`,其中包含所有的偶数元素。
es6 filter()函数
ES6中的filter()函数是一个数组方法,它可以筛选出符合条件的元素并返回一个新的数组。该方法接受一个回调函数作为参数,该回调函数会对数组中的每个元素进行测试,如果测试结果为true,则该元素将被包含在返回的新数组中。回调函数可以接受三个参数:当前元素,当前元素的索引和调用filter()的数组对象。filter()方法不会改变原始数组,而是返回一个新的数组。
下面是一个使用ES6 filter()函数的示例:
```
const numbers = [1, 2, 3, 4, 5];
// 使用 filter() 方法筛选出大于2的数字
const filteredNumbers = numbers.filter(num => num > 2);
console.log(filteredNumbers); // 输出 [3, 4, 5]
```
在上面的示例中,我们使用filter()方法筛选出大于2的数字,并将它们存储在一个新的数组中。最后,我们使用console.log()方法输出了新数组。
相关推荐
















