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