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

问题描述 投票:2回答:1

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

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' }
//      ]
//    }
//  ]
// }
javascript functional-programming ramda.js
1个回答
4
投票

镜片可能是你最好的选择。 Ramda有一个通用的lens函数,特定的一个对象属性(lensProp),一个数组索引(lensIndex),以及一个更深的路径(lensPath),但它不包括一个在数组中找到一个匹配的值ID。不过,制作自己的并不难。

通过将两个函数传递给lens来制作镜头:获取对象并返回相应值的getter,以及获取新值和对象并返回对象更新版本的setter。

在这里,我们编写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。如果你需要用你的内部id找到featureId和嵌套对象,你可以为它写一个更复杂的镜头,但它会更加重量级。


一个小注:'标准'已经是复数,所以'标准'是奇数。单数是'标准'。

© www.soinside.com 2019 - 2024. All rights reserved.