Wil*_*ipe 3 javascript functional-programming ramda.js
假设跟随对象如何使用 Ramda 在给定应用程序、条件 ID 和数据的条件中执行嵌套更新?
const application = {
id: 'a1',
features: [
{
id: 'f1',
criterias: [
{ id: 'c1' }
]
},
{
id: 'f2',
criterias: [
{ id: 'c2' },
{ id: 'c3' }
]
}
]
}
Run Code Online (Sandbox Code Playgroud)
该函数看起来像这样:
const updateCriteria = (application, criteriaId, data) => // magic...
updateCriteria(application, 'c2', { name: 'foo' })
// output: {
// id: 'a1',
// features: [
// {
// id: 'f1',
// criterias: [
// { id: 'c1' }
// ]
// },
// {
// id: 'f2',
// criterias: [
// { id: 'c2', name: 'foo' },
// { id: 'c3' }
// ]
// }
// ]
// }
Run Code Online (Sandbox Code Playgroud)
镜头可能是您最好的选择。Ramda 有一个通用的lens函数,并且有针对对象属性 ( lensProp)、数组索引 ( lensIndex) 和更深的路径 ( lensPath) 的特定函数,但它不包括通过 id 在数组中查找匹配值的函数。不过,我们自己制作并不难。
镜头是通过将两个函数传递给 来制作的lens:获取对象并返回相应值的 getter,以及获取新值和对象并返回对象的更新版本的 setter。
在这里,我们编写lensMatchwhich 查找或设置数组中给定属性名称与提供的值匹配的值。而lensId只是将'id'要lensMatch取回这将需要一个ID值,并返回一个镜头的功能。
使用任何镜头,我们有view,set和over功能,它们分别获取,设置,并更新值。
我们可以这样使用idLens:
const data = [{id: 'a'}, {id: 'b'}, {id: 'c'}]
view (idLens ('b'), data)
//=> {id: 'b'}
set (idLens ('b'), 'foo', data)
//=> [ {id: 'a'}, 'foo', {id: 'c'} ]
over (idLens ('b'), merge ({name: 'foo'}), data)
//=> [ {id: 'a'}, {id: 'b', name: 'foo}, {id: 'c'} ]
Run Code Online (Sandbox Code Playgroud)
所以对于你的问题,我们可以这样写:
const data = [{id: 'a'}, {id: 'b'}, {id: 'c'}]
view (idLens ('b'), data)
//=> {id: 'b'}
set (idLens ('b'), 'foo', data)
//=> [ {id: 'a'}, 'foo', {id: 'c'} ]
over (idLens ('b'), merge ({name: 'foo'}), data)
//=> [ {id: 'a'}, {id: 'b', name: 'foo}, {id: 'c'} ]
Run Code Online (Sandbox Code Playgroud)
const lensMatch = (propName) => (key) => lens
( find ( propEq (propName, key) )
, (val, arr, idx = findIndex (propEq (propName, key), arr)) =>
update (idx > -1 ? idx : length (arr), val, arr)
)
const lensId = lensMatch ('id')
const updateCriteria = (featureId, criteriaId, data, application) => over
( compose
( lensProp ('features')
, lensId (featureId)
, lensProp ('criterias')
, lensId (criteriaId)
)
, merge (data)
, application
)
const application = {id: 'a1', features: [{id: 'f1', criterias: [{ id: 'c1' }]}, {id: 'f2', criterias: [{ id: 'c2' }, { id: 'c3' }]}]}
const newApp = updateCriteria ('f2', 'c2', {name: 'foo'}, application)
console.log(newApp)Run Code Online (Sandbox Code Playgroud)
但这前提是您知道featureId. 如果您需要找到featureId具有内部 ID的和 嵌套对象,您可以为此编写一个更复杂的镜头,但它会更重量级。
小提示:'criteria' 已经是复数了,所以 'criterias' 是奇数。单数是“标准”。