时间戳

首页 > 解决方案 > lodash / fp getOr 的工作原理

javascript - lodash / fp getOr 的工作原理

问题描述

import { getOr } from 'lodash/fp';

我想知道 getOr 是如何工作的，因为我找不到具体的文档来解释它。

标签： javascriptlodash

解决方案

该方法的行为方式与非功能性 lodash 库中的常规get()getOr()方法非常相似：

_.get(object, path, [defaultValue])

以上是get常规lodash中的用法。要使用它，您需要提供object要从中获取值的 、到值，如果对象中不存在路径，则需要提供path可选值。defaultValue

如何使用getOr()：

以下是 的用法_.getOr()：

_.getOr(defaultValue)(path)(object)

与常规 lodash非常相似_.get()，上面返回位于pathin的值object，或者defaultValue如果路径不存在于对象中。

您可能已经注意到，您必须提供defaultValue上述内容才能传递对象和路径参数。如果您确定您的路径将始终导致一个值（并且不需要默认值），那么这就是该_.get(path)(object)方法的用途。

示例用法：

const {getOr} = _;
const object = {'a': [{ 'b': { 'c': 3 } }]};
console.log(getOr("default")("a[0].b.c")(object)); // 3
console.log(getOr("default")(['a', '0', 'b', 'c'])(object)); // 3
console.log(getOr("default")("a.b.c")(object)); // "default"
<script src="https://cdn.jsdelivr.net/g/lodash@4(lodash.min.js+lodash.fp.min.js)"></script>

这个怎么运作：

的定义_.getOr()包装了常规的 lodash_.get()定义，除了它是柯里化的，参数被翻转，并且必须提供默认值（因为如果你没有提供默认值，你将无法提供其他柯里化参数价值）。使用 lodash，您可以_.getOr像这样实现自己：

const {get, rearg, ary, curry} = _; // normal get method
const getOr = curry(rearg(ary(get), [2, 1, 0]));

const object = {'a': [{ 'b': { 'c': 3 } }]};
console.log(getOr("default")("a[0].b.c")(object)); // 3
console.log(getOr("default")(['a', '0', 'b', 'c'])(object)); // 3
console.log(getOr("default")("a.b.c")(object)); // "default"
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.min.js"></script>

推荐阅读