Lodash FP 流过滤器键未定义

Question

我正在尝试采用 Lodash 函数式编程功能并将 _.chain 替换为流。但是，传递到流中的过滤器键是未定义的：

import flow from 'lodash/fp/flow';
import filter from 'lodash/fp/filter';

flow(
  filter((value, key) => console.log(value, key)) // key is undefined
)({ name: "Tobi", year: 2017, });

Answer 1

你在这里所做的假设有几个问题

---

1. Objects 不被视为集合

你的代码基本上是这样做的

// f = your filtering function
filter(f, {name: "Tobi", year: 2017})
// => ["Tobi", 2017]

这是因为filter 将隐式将对象转换为对象的值的数组，如果给定一个对象

要将对象转换为键/值对的数组，请使用 Lodash 的 _.toPairs 函数

_.toPairs({name: "Tobi", year: 2017})
// => [ [ "name", "Tobi" ], [ "year", 2017 ] ]

---

2。您的过滤功能参数是向后/错误的

即使我们要使用_.toPairs，您的代码也会这样做

_.filter((value, key) => ..., _.toPairs(data),)

不仅顺序倒退，而且查看数据，请注意我们将向过滤函数传递一个 Array（[key, value] 对）。这意味着我们必须更新函数以像这样解构元素

_.filter(([key, value]) => console.log(key, value), _.toPairs(data))
// name Tobi
// year 2017
// => []

---

把它们放在一起

const app = _.flow (
  _.toPairs,
  _.filter(([key, value]) => console.log(key, value)))

app ({name: "Tobi", year: 2017})
// name Tobi
// year 2017
// => []

为什么这仍然很奇怪且毫无意义

对于初学者来说，过滤函数只是执行console.log，所以我们在这里所做的任何事情都没有意义。

我认为 console.log 的目的是查看 filter 是否正常工作，但您必须问自己“过滤对象”到底意味着什么。

• 您还期待什么样的输出？
• 我们是否期望返回一个对象？
• 我们是否希望返回一个键/值对数组？可能不会，但那又怎样？ – 或许看看_.fromPairs，它将把 back 对转换为一个对象

不管怎样，一旦你回答了这些问题，也许你会更好地了解如何构建你的程序

---

合理的猜测？

let isDigit = x => !Number.isNaN(Number(x))

// only keep object assignments where the value is a number
let app = _.flow(
  _.toPairs,
  _.filter(([key, value]) => isDigit(value)),
  _.fromPairs)

app ({name: "Tobi", year: 2017})
// => { year: 2017 }