在前端开发中,filter() 是 JavaScript 数组对象自带的一个方法,用于过滤数组元素并返回符合条件的新数组。它不会修改原数组,而是返回一个新的数组。

filter() 方法接受一个回调函数作为参数。这个回调函数会被应用于数组中的每个元素,根据回调函数的返回值来确定是否将该元素包含在新数组中。回调函数需要返回一个布尔值,true 表示将该元素包含在新数组中,false 表示不包含。

使用示例:

const array = [1, 2, 3, 4, 5];
const filteredArray = array.filter(item => item > 2);
console.log(filteredArray);  // 输出:[3, 4, 5]

在上述示例中,filter() 方法使用箭头函数作为回调函数,筛选出数组中大于 2 的元素,并返回一个新数组 [3, 4, 5]

可以在回调函数中使用各种条件和逻辑来进行过滤操作。filter() 方法会遍历原数组中的每个元素,将满足条件的元素添加到新数组中。最后返回新数组。

需要注意的是,filter() 方法始终返回一个新数组,即使条件没有匹配到任何元素时,也会返回一个空数组。如果只想获得一个匹配的元素,可以考虑使用 find() 方法,它会返回第一个匹配到的元素或 undefined