在前端开发过程中，经常会面临需要对数据进行筛选、排序、转换等操作，而 reselect 就是一款方便的工具库，它可以帮助我们高效地进行数据的处理，避免重复计算和提高性能。
在 Ember.js 中，我们可以使用 ember-reselect-shim 来实现 reselect 的使用，本文将为大家详细介绍 ember-reselect-shim 的使用方法。
1. 安装
使用 npm 进行安装即可：
npm install ember-reselect-shim --save-dev
2. 使用
在项目中导入 reselect 和 ember-reselect-shim：
import Reselect from 'reselect';
import { createShim } from 'ember-reselect-shim';使用 createShim 方法创建一个 selector，并传入 reselect 的 createSelector 方法：
const mySelector = createShim(Reselect.createSelector);
这里的 mySelector 就是一个 selector，其中可以根据需要添加多个参数并返回处理后的数据。
可以像下面这样使用：
const selectorFunc = mySelector(
state => state.foo,
state => state.bar,
(foo, bar) => foo + bar
);
selectorFunc({ foo: 1, bar: 2 }); // 3如上述代码所示，我们传入了两个参数 foo 和 bar，并将它们相加后返回。当我们传入 { foo: 1, bar: 2 } 时，返回值为 3。
3. 示例
为了更好地理解 ember-reselect-shim 的使用，下面给出一个示例。
假设我们有一个数组 fruits，其中包含多个水果和它们的颜色：
const fruits = [
{ name: 'apple', color: 'red' },
{ name: 'banana', color: 'yellow' },
{ name: 'grape', color: 'purple' },
{ name: 'orange', color: 'orange' },
]我们想要从中筛选出颜色为红色的水果，并按名称进行排序，可以使用 ember-reselect-shim 和 reselect 来实现：
-- -------------------- ---- ------- ------ -------- ---- ----------- ------ - ---------- - ---- ---------------------- ----- -------------- - ------------------------------------ ------ ------- --------------- ------ -- ------- ------ -- ------------------- -- ----------- --- ------- -------------- -- ----------------------- -- -- ----------------------------- --
在上述代码中，我们定义了一个 fruitsSelector，它接受 fruits 数组作为参数，并对其进行两次操作，首先通过 filter 方法过滤出颜色为红色的水果，并使用 sort 方法按名称进行排序。最终返回的是已经经过处理的水果数组。
可以这样使用：
const selectedFruits = fruitsSelector(fruits);
console.log(selectedFruits);
// [
// { name: 'apple', color: 'red' },
// ]上述代码通过 fruitsSelector 传入 fruits 数组，返回的是颜色为红色的水果数组，已按名称进行排序。
4. 总结
通过使用 ember-reselect-shim，我们可以方便地引入 reselect 库来进行数据的处理，提高了代码的可读性和效率。
同时，本文也给出了一个具体的示例来说明 ember-reselect-shim 的使用方法，希望能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ad581e8991b448d8709