JavaScript 带有 forEach 的 ramda 映射函数

JavaScript ramda map function with forEach

我想知道为什么 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 绘制。

您可以使用 R.pick() 方法而不是映射到 return 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 supports/focuses 在函数式方法上,您可以将上面的转换为无点函数定义。第一步是柯里化 _.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>