在前端开发中，我们常常需要对一个包含多个对象的数组进行筛选和过滤操作。这时，我们可以采用 JavaScript 中的 filter() 方法来实现。本文将会介绍如何使用 filter() 方法对对象数组进行属性过滤。
filter() 方法简介
filter() 方法是 JavaScript 数组原型上的一个方法，它接收一个函数作为参数，该函数返回 true 或 false。filter() 方法会遍历数组中的每个元素，并使用该函数测试每个元素。如果该函数返回 true，则该元素将被保留在结果数组中；如果该函数返回 false，则该元素将被从结果数组中删除。
语法：
array.filter(callback(element[, index[, array]])[, thisArg])
其中，callback 是一个测试每个元素的函数，并且它接受三个参数：
- element：当前正在处理的元素。
- index（可选）：当前正在处理的元素的索引。
- array（可选）：调用 filter() 方法的数组。
thisArg 是执行 callback 函数时使用的 this 值。
基于属性过滤对象数组示例
假设有以下一个数组，包含了多个学生的信息：
const students = [
{ name: 'Alice', age: 20, gender: 'female' },
{ name: 'Bob', age: 22, gender: 'male' },
{ name: 'Charlie', age: 21, gender: 'male' },
{ name: 'David', age: 19, gender: 'male' },
{ name: 'Eva', age: 20, gender: 'female' }
];现在，我们需要从该数组中选出所有年龄为 20 岁的学生。可以使用 filter() 方法来实现：
const filteredStudents = students.filter(student => student.age === 20); console.log(filteredStudents);
输出结果为：
[
{ name: 'Alice', age: 20, gender: 'female' },
{ name: 'Eva', age: 20, gender: 'female' }
]上述代码中，我们定义了一个 callback 函数，它接受一个参数 student，代表数组中的每个元素。在函数体内，我们对每个元素的 age 属性进行比较，如果等于 20，则返回 true，否则返回 false。最后，filter() 方法会将符合条件的元素组成一个新的数组返回。
除了使用简单的比较操作符来过滤对象数组外，我们还可以使用正则表达式、字符串方法等其他方式对属性进行过滤。
总结
本文介绍了 JavaScript 中的 filter() 方法，并通过一个示例说明了如何使用该方法对对象数组进行属性过滤。希望读者可以通过本文的学习，加深对 JavaScript 数组方法的理解，并能够运用 filter() 方法来解决实际开发中的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8528