简述
在前端开发中，经常需要对数据进行筛选和处理。where-filter是一个可以用来筛选数组和对象的npm包，支持多种匹配方式和链式调用，可以方便地对数据进行筛选和处理。
安装
使用npm安装where-filter：
npm install where-filter
使用方法
where-filter提供的API非常简单，只有一个函数：
whereFilter(collection: Array | Object, predicate: Function | Object): Array | Object
其中，collection表示要进行筛选的数组或对象，predicate表示筛选条件。predicate可以是一个函数或一个对象。
筛选数组
假设我们有一个人员列表，每个人都有姓名、年龄和职业三个属性：
const people = [
{ name: 'Alice', age: 23, job: 'developer' },
{ name: 'Bob', age: 25, job: 'designer' },
{ name: 'Charlie', age: 28, job: 'developer' },
{ name: 'David', age: 30, job: 'manager' }
];现在我们想要筛选出所有年龄大于25岁的人，可以使用where-filter：
const whereFilter = require('where-filter');
const result = whereFilter(people, ({ age }) => age > 25);
console.log(result);运行结果：
[
{ name: 'Charlie', age: 28, job: 'developer' },
{ name: 'David', age: 30, job: 'manager' }
]其中，({ age }) => age > 25表示一个条件函数，只要年龄大于25就满足条件。
筛选对象
除了数组外，where-filter还支持对对象进行筛选。假设我们有一个电影列表，每部电影都有名称、评分和导演三个属性：
const movies = {
'The Shawshank Redemption': { rating: 9.3, director: 'Frank Darabont' },
'The Godfather': { rating: 9.2, director: 'Francis Ford Coppola' },
'The Dark Knight': { rating: 9.0, director: 'Christopher Nolan' },
'12 Angry Men': { rating: 8.9, director: 'Sidney Lumet' },
'Schindler\'s List': { rating: 8.9, director: 'Steven Spielberg' }
};现在我们想要筛选出所有评分大于9分的电影，可以使用where-filter：
const result = whereFilter(movies, ({ rating }) => rating > 9);
console.log(result);运行结果：
{
'The Shawshank Redemption': { rating: 9.3, director: 'Frank Darabont' },
'The Godfather': { rating: 9.2, director: 'Francis Ford Coppola' }
}链式调用
where-filter支持链式调用，可以方便地组合多个筛选条件。例如，我们想要筛选出所有职业为developer且年龄大于25岁的人，可以这样写：
const result = whereFilter(people)
.where(({ job }) => job === 'developer')
.where(({ age }) => age > 25);
console.log(result);运行结果：
[
{ name: 'Charlie', age: 28, job: 'developer' }
]其中，第一个where表示对职业进行筛选，第二个where表示对年龄进行筛选。
多种匹配方式
where-filter支持多种匹配方式，可以根据具体情况选择使用。例如，我们可以使用正则表达式作为匹配条件：
const result = whereFilter(people, ({ name }) => /^A/.test(name));
console.log(result);运行结果：
[
{ name: 'Alice', age: 23, job: 'developer' }
]其中，({ name }) => /^A/.test(name)表示一个条件函数，只要姓名以A开头就满足条件。
示例代码
完整的示例代码如下：
-- -------------------- ---- ------- ----- ----------- - ------------------------ ----- ------ - - - ----- -------- ---- --- ---- ----------- -- - ----- ------ ---- --- ---- ---------- -- - ----- ---------- ---- --- ---- ----------- -- - ----- -------- ---- --- ---- --------- - -- ----- ------ - - ---- --------- ------------ - ------- ---- --------- ------ --------- -- ---- ----------- - ------- ---- --------- -------- ---- -------- -- ---- ---- -------- - ------- ---- --------- ------------ ------ -- --- ----- ----- - ------- ---- --------- ------- ------ -- ------------- ------ - ------- ---- --------- ------- ---------- - -- ----- ------- - ------------------- -- --- -- -- --- - ---- --------------------- ----- ------- - ------------------- -- ------ -- -- ------ - --- --------------------- ----- ------- - ------------------- --------- --- -- -- --- --- ------------ --------- --- -- -- --- - ---- --------------------- ----- ------- - ------------------- -- ---- -- -- ----------------- ---------------------
总结
where-filter是一个方便易用的npm包，在前端开发中可以用来筛选数组和对象。它支持多种匹配方式和链式调用，可以根据具体情况选择使用。使用where-filter可以大大提高开发效率，减少代码量，是前端开发中值得推荐的一个工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710c8dd3466f61ffe12f