前言
在前端开发中，我们经常需要对数据进行筛选或者搜索。这时候，一个好用的筛选工具就能大大提高我们的开发效率。npm 包 digger-find 就是这样一个工具，它能很方便地对数据进行筛选和搜索。
本文旨在介绍 digger-find 的使用方法，以及一些值得注意的细节。
安装
使用 digger-find 非常简单，首先需要安装：
npm install digger-find
使用
使用 digger-find 最基本的方法是传入一个数组和一个条件，然后返回符合条件的数据。
-- -------------------- ---- ------- ----- ---- - ----------------------- ----- ---- - - - ----- -------- ------ -- -- - ----- --------- ------ -- -- - ----- --------- ------ -- - -- ----- ------ - ---------- - ----- ------- --- -------------------- -- ------- -- ----- -------- ------ -- --
这个例子中，我们传入了一个数组和一个条件 { name: 'Apple' }，然后 digger-find 会返回符合条件的数据。在这个例子中，我们只有一条数据符合条件，所以返回的结果就是该数据对应的数组。这里需要注意的是，返回的结果始终是一个数组。
那如果条件不止一个，怎么办？很简单，只需要传入多个条件就行了：
const result = find(data, { name: 'Apple', price: 10 });这个例子中，我们传入的条件是 { name: 'Apple', price: 10 }，即同时满足名称为 Apple 且价格为 10 的条件。
操作符
digger-find 支持多种操作符，包括 ==、!=、>、>=、<、<=、~=、!=~、in、not in。
其中，== 和 != 是最常用的，它们分别表示相等和不相等的条件。例如：
const result = find(data, { name: 'Apple', price: 10 });这个条件表示筛选出名称为 Apple、价格为 10 的数据。如果我们想筛选出名称不为 Apple 的数据，就可以使用 !=：
const result = find(data, { name: '!= Apple' });> 和 >=、< 和 <= 的用法和普通的比较符一样，这里不再赘述。下面来介绍一些比较特殊的操作符。
~= 表示模糊匹配，它可以匹配任意包含某个关键字的数据。例如：
const result = find(data, { name: '~= p' });这个条件表示筛选出名称中包含字母 p 的数据，包括 Apple 和 Cherry。
!=~ 则表示不匹配，例如：
const result = find(data, { name: '!=~ p' });这个条件表示筛选出名称中不包含字母 p 的数据，即 Banana。
in 和 not in 用于匹配一组值，例如：
const result = find(data, { name: 'in Apple,Banana' });这个条件表示筛选出名称为 Apple 或 Banana 的数据。
复杂条件
有时候我们需要使用复杂的条件来筛选数据，这时候可以使用嵌套条件或者逻辑运算符来实现。
嵌套条件
嵌套条件指的是在条件中嵌套其他条件。例如：
const result = find(data, { $or: [{ name: 'Apple' }, { price: 20 }] });这个条件表示筛选出名称为 Apple 或价格为 20 的数据。其中 $or 是一个逻辑运算符，它表示多个条件之间是或的关系。
类似的，还有 $and、$nor 等运算符，它们分别表示多个条件之间是与、非的关系。
逻辑运算符
逻辑运算符包括 $not、$and、$or、$nor。它们可以用来组合多个条件，实现更加复杂的筛选逻辑。
其中 $not 的用法比较简单，它可以取反一个条件。例如：
const result = find(data, { $not: { name: 'Apple' } });这个条件表示筛选出名称不为 Apple 的数据。
$and 和 $or 的用法和嵌套条件中的一样。
最后介绍一个小技巧，使用 $nor 可以在传入多个条件的情况下筛选出不符合所有条件的数据。例如：
const result = find(data, { $nor: [{ name: 'Apple' }, { name: 'Banana' }] });这个条件表示筛选出名称既不是 Apple 也不是 Banana 的数据，即 Cherry。
总结
本文简单介绍了 digger-find 的使用方法和常见操作符，以及如何使用逻辑运算符和嵌套条件实现复杂的筛选逻辑。希望读者通过本文的学习，能够更加熟练地使用 digger-find，并且能够在以后的开发中更加高效地使用这个工具。
示例代码
本文所使用的示例代码如下：
-- -------------------- ---- ------- ----- ---- - ----------------------- ----- ---- - - - ----- -------- ------ -- -- - ----- --------- ------ -- -- - ----- --------- ------ -- - -- ----- ------ - ---------- - ----- ------- --- -------------------- -- -- ----- -------- ------ -- -- ----- ------- - ---------- - ----- -------- ------ -- --- --------------------- -- -- ----- -------- ------ -- -- ----- ------- - ---------- - ----- --- ------ --- --------------------- -- -- ----- --------- ------ -- --- ----- --------- ------ -- -- ----- ------- - ---------- - ----- ------- --- --------------------- -- -- ----- -------- ------ -- --- ----- --------- ------ -- -- ----- ------- - ---------- - ----- ---- ------ --- --------------------- -- -- ----- --------- ------ -- -- ----- ------- - ---------- - ----- --- ------------- --- --------------------- -- -- ----- -------- ------ -- --- ----- --------- ------ -- -- ----- ------- - ---------- - ------ --- --- --- --------------------- -- -- ----- --------- ------ -- --- ----- --------- ------ -- -- ----- ------- - ---------- - ----- - ----- ------- - --- --------------------- -- -- ----- --------- ------ -- --- ----- --------- ------ -- -- ----- ------- - ---------- - ---- -- ----- ------- -- - ------ -- -- --- --------------------- -- -- ----- -------- ------ -- --- ----- --------- ------ -- -- ----- -------- - ---------- - ----- -- ----- ------- -- - ----- -------- -- --- ---------------------- -- -- ----- --------- ------ -- --
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/81780