简介
lodash 是一款 JavaScript 的实用工具库，提供了各种常用的功能函数，包括字符串处理、数组操作、数值计算等等。lodash.filter 是 lodash 中用来过滤数组的函数，可以通过指定条件过滤数组中的元素，在前端开发中非常常用。
安装
lodash.filter 可以通过 npm 进行安装，使用以下命令：
$ npm install lodash.filter
安装后，即可在项目中使用该函数。
示例
下面是一个简单的使用 lodash 进行数组过滤的示例：
-- -------------------- ---- ------- ----- - - ------------------ ----- ------ - - - ----- -------- ------ - -- - ----- --------- ------ - -- - ----- --------- ------ - -- - ----- --------- ------ - -- -- ----- --------------- - ---------------- ------- -- - ------ ----------- - -- --- ----------------------------- -- - - ----- --------- ------ - -- - ----- --------- ------ - - -
在上述示例中，首先通过 require 引入 lodash，然后定义一个水果数组 fruits，数组中包含了多个水果对象，对象有 name 和 price 两个属性。然后通过 _.filter 函数过滤出价格大于 2 的水果，存入 expensiveFruits 变量中，最后将该变量输出。
使用教程
指定过滤条件
lodash.filter 函数可以通过传入一个函数作为第二个参数来实现指定过滤条件。该函数的参数为数组中的每一个元素，根据该元素是否满足条件返回 true 或 false。
const expensiveFruits = _.filter(fruits, (fruit) => {
return fruit.price > 2;
});在上述示例中，传入的过滤条件是 (fruit) => { return fruit.price > 2 }，即筛选出价格大于 2 的水果。
指定过滤数量
lodash.filter 函数可以通过传入一个数字作为第三个参数来实现指定过滤数量。指定过滤数量后，只会返回满足条件的前 n 个元素。
const expensiveFruits = _.filter(fruits, (fruit) => {
return fruit.price > 2;
}, 1);在上述示例中，传入的过滤数量是 1，即只返回价格大于 2 的第一个水果。
指定过滤属性
lodash.filter 函数可以通过传入一个对象作为第二个参数来实现指定过滤属性。该对象的属性为数组元素的属性名，其值为对应的过滤条件。只有符合指定属性以及其对应的条件的元素才会被返回。
-- -------------------- ---- ------- ----- ------ - - - ----- -------- ------ -- ------ ------- -- - ----- --------- ------ -- ------ -------- -- - ----- --------- ------ -- ------ ----- -- - ----- --------- ------ -- ------ ------- -- - ----- ------------- ------ -- ------ ------ -- -- ----- ----------- - ---------------- - ------ ------- --- ------------------------- -- - - ----- -------- ------ -- ------ ------- -- - ----- --------- ------ -- ------ ------- - -
在上述示例中，传入的过滤属性是 { color: 'green' }，即筛选出颜色为绿色的水果。
总结
lodash.filter 函数是 lodash 库中非常常用的数组过滤函数，可以通过指定过滤条件、过滤数量、过滤属性等方式灵活地进行数组筛选。掌握该函数的使用，可以让前端开发中的数据处理更加灵活高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58858