如何在给定的对象结构中使用Ramda执行嵌套更新?

时间:2019-02-21 11:12:54

标签: javascript functional-programming ramda.js

假设遵循对象,在给定应用程序,条件ID和数据的条件下,如何使用Ramda来执行嵌套更新?

const application = {
  id: 'a1',
  features: [
    {
      id: 'f1',
      criterias: [
        { id: 'c1' }
      ]
    },
    {
      id: 'f2',
      criterias: [
        { id: 'c2' },
        { id: 'c3' }
      ]
    }
  ]
}

函数看起来像这样:

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' }
//      ]
//    }
//  ]
// }

1 个答案:

答案 0 :(得分:4)

为此可能最好的选择是透镜。 Ramda具有通用的lens函数,以及针对对象属性(lensProp),数组索引(lensIndex)和更深层路径(lensPath)的特定函数。 ,但其中不包括通过id在数组中查找匹配值的方法。不过,自己打造并不难。

镜头是通过将两个函数传递给lens来制成的:一个获取对象并获取相应值的吸气剂,以及获取新值和对象并返回对象的更新版本的塞特眼镜。

在这里,我们编写lensMatch来在给定属性名称与提供的值匹配的数组中查找或设置值。 lensId只需将'id'传递给lensMatch即可返回一个函数,该函数将使用id值并返回镜头。

使用任何镜头,我们都有viewsetover函数,它们分别获取,设置和更新值。

我们可以像这样使用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'} ]

因此,对于您的问题,我们可以这样写:

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)
<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.26.1/ramda.js"></script>
<script>
const {lens, find, propEq, findIndex, update, length, view, set, over, compose, lensProp, merge} = R
</script>

但是前提是您知道featureId。如果您需要同时找到featureId和带有内部ID的嵌套对象,则可以为此编写一个更复杂的镜头,但重量会更大。


一个小注释:“标准”已经是复数形式,因此“标准”很奇怪。单数是“标准”。