前端开发中，我们经常需要对一些数组进行搜索和筛选操作。一个优秀的搜索和筛选功能需要复杂的算法和数据结构支持，如果每一次都自己实现的话工作量相当大。这时候，我们就需要使用一些成熟的 npm 包来简化我们的工作。
今天我们要介绍的就是一个优秀的 npm 包 ember-searchable-array，它是一个 Ember.js 框架的插件，用于简化对数组进行搜索和筛选操作。
安装
你可以使用 yarn 或者 npm 安装 ember-searchable-array：
yarn add ember-searchable-array
或者
npm install ember-searchable-array
使用
在我们真正了解如何使用之前，我们先来看一下 ember-searchable-array 提供的所有方法：
search
搜索方法会检查数组中的每一个元素，如果元素中的一个或多个属性包含了搜索关键字，那么这个元素将被保留，否则将被删除。
search(array, searchText, options)
参数说明：
- array（必选）：需要进行搜索的数组；
- searchText（必选）：搜索关键字；
- options（可选）：配置项，可以传入一个闭包函数或者一个对象，用于自定义搜索方式。
filter
筛选方法会从数组中过滤出满足条件的元素。
filter(array, callback)
参数说明：
- array（必选）：需要进行筛选的数组；
- callback（必选）：一个闭包函数，用于自定义筛选的判断条件。
sortBy
排序方法会根据指定的属性对数组进行排序。
sortBy(array, key)
参数说明：
- array（必选）：需要进行排序的数组；
- key（必选）：指定排序的键名。
paginate
分页方法会将数组按照每页数据量分为多个数组，并返回一个分页对象，分页对象包含多个属性：
-- -------------------- ---- ------- - ------------ -- -- ---- ----------- -- -- ---- --------- ----- -- ---- --------- ----- -- ---- ---------- -- -- ---- --------- -- -- ----- ----------- -- -- -------- --------- --- -- -------- -------------- --- -- ------ --------- ----- -- ------ -
paginate(array, pageNumber, pageSize)
参数说明：
- array（必选）：需要进行分页的数组；
- pageNumber（必选）：当前页码；
- pageSize（必选）：每页数据量。
union
合并两个数组，并删除重复的元素。
union(array1, array2)
参数说明：
- array1（必选）：第一个数组；
- array2（必选）：第二个数组。
intersection
求两个数组之间的交集。
intersection(array1, array2)
参数说明：
- array1（必选）：第一个数组；
- array2（必选）：第二个数组。
difference
求两个数组之间的补集。
difference(array1, array2)
参数说明：
- array1（必选）：第一个数组；
- array2（必选）：第二个数组。
现在我们已经了解了 ember-searchable-array 提供的所有方法，下面我们来看看如何在代码中使用。
以 search 方法为例：
-- -------------------- ---- -------
------ - ------ - ---- -------------------------
----- ------ - -
-
----- -----
---- --
--
-
----- -----
---- --
--
-
----- -----
---- --
-
--
----- ---------- - ----
----- ------ - -------------- ----------- -------- -------- -- -
------ ------------------------------
---
-------------------- -- -- ----- ----- ---- -- --在上面的代码中，我们首先导入了 search 方法，然后定义了一个数组 people，接下来定义一个搜索关键字 searchText，最后使用 search 方法对数组进行搜索，并自定义了一个闭包函数来实现搜索条件的定制。
总结
今天我们介绍了一个非常棒的 npm 包 ember-searchable-array，它可以帮助我们简化数组搜索和筛选的工作，提高我们的开发效率。同时，我们需要根据实际需求选用最适合的搜索和筛选方法来处理数组，以达到最佳的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ca563576b7b1ecca8