JavaScript ramda 映射函数与 forEach

Question

我想知道为什么 ramda 的映射函数没有按照我想要的方式运行，即“dataAllAgesAllF”是一个超过 5 个键值对的对象，我只想选择那些与“ageGroupData”的键匹配的键值对。列表行可以很好地打印出 5 个正确的键，如果我显式编写 x[ageGroupFNames[0]] 而不是箭头函数，则地图行可以工作

const ageGroupFNames = Object.keys(ageGroupData);
const dataAllAges5F = map((x) => [ageGroupFNames.forEach((FName) => x[FName])], dataAllAgesAllF);
ageGroupFNames.forEach((FName) => console.log(FName));

ageGroupData 看起来像这样打印到控制台：

{F_team_ka: 7.3671186441, F_mult_ka: 6.3776666667, F_quic_ka: 6.3113333333, F_lang_ka: 5.9703333333, F_focu_ka: 5.9276666667}
F_focu_ka: 5.9276666667
F_lang_ka: 5.9703333333
F_mult_ka: 6.3776666667
F_quic_ka: 6.3113333333
F_team_ka: 7.3671186441
__proto__: Object

当前 dataAllAges5F 打印出来：

0: Array(1)
0: undefined
length: 1
__proto__: Array(0)
length: 1
__proto__: Array(0)

所以我希望 dataAllAges5F 看起来与ageGroupData 完全相同，但数值不同 - 实际上，我最终想将这两者结合起来用 Billboard.js 进行绘图。

Answer 1

您可以使用

R.pick()

方法而不是 map 返回

dataAllAgesAllF

对象的子集，其中包含指定数组中的所有键（即：来自

ageGroupData

对象的键数组）：

const dataAllAges5F = pick(keys(ageGroupData), dataAllAgesAllF);
console.log(dataAllAges5F);  

const ageGroupData = {F_team_ka: 7.3671186441, F_mult_ka: 6.3776666667, F_quic_ka: 6.3113333333, F_lang_ka: 5.9703333333, F_focu_ka: 5.9276666667};
const dataAllAgesAllF = {foo: 1, bar: 1, baz: 1, qux: 1, F_team_ka: 2, F_mult_ka: 3, F_quic_ka: 4, F_lang_ka: 5, F_focu_ka: 6};

const dataAllAges5F = pick(keys(ageGroupData), dataAllAgesAllF);
console.log(dataAllAges5F);

<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.27.0/ramda.js" integrity="sha256-buL0byPvI/XRDFscnSc/e0q+sLA65O9y+rbF+0O/4FE=" crossorigin="anonymous"></script>
<script>const {keys, pick} = R;</script>

注意： 如果

ageGroupData

中的键没有出现在

dataAllAgesF

中，那么它不会出现在生成的对象

dataAllAges5F

中。如果您希望该键出现并保持未定义的值，您可以使用

R.pickAll()

代替。

---

由于 Ramda 支持/专注于函数式方法，因此您可以将上述转换为无点函数定义。第一步是柯里化

_.pick

参数：

const dataAllAges5F = pick(keys(ageGroupData))(dataAllAgesAllF);

现在我们可以删除最后传入的参数并使用函数来代替（即：eta-reduce 函数）：

const pickByObj = pick(keys(ageGroupData)); // pickByObj(<object>) same as the above call

下一步是编写上述函数调用。我们看到上面的形式是

f(g(x))

，可以重写为

f.g(x)

- 即：一个组合函数：

pick(keys(ageGroupData)); // Of the form f(g(x))
^-f  ^-g  ^-x

要组合函数，我们可以使用

compose

函数：

const pickByObj = compose(pick, keys)(ageGroupData); // Of the form (f.g)(x)

同样，我们可以对其进行 eta 归约以删除

ageGroupData

：

const pickByObj = compose(pick, keys);

现在要调用上面的内容，您可以传递两个柯里化参数对象：

const dataAllAges5F = pickByObj(ageGroupData)(dataAllAgesAllF);

const ageGroupData = {F_team_ka: 7.3671186441, F_mult_ka: 6.3776666667, F_quic_ka: 6.3113333333, F_lang_ka: 5.9703333333, F_focu_ka: 5.9276666667};
const dataAllAgesAllF = {foo: 1, bar: 1, baz: 1, qux: 1, F_team_ka: 2, F_mult_ka: 3, F_quic_ka: 4, F_lang_ka: 5, F_focu_ka: 6};

const pickByObj = compose(pick, keys);
console.log(pickByObj(ageGroupData)(dataAllAgesAllF));

<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.27.0/ramda.js" integrity="sha256-buL0byPvI/XRDFscnSc/e0q+sLA65O9y+rbF+0O/4FE=" crossorigin="anonymous"></script>
<script>const {compose, pick, keys} = R;</script>