使用 ramda.js 路径改变对象

Question

我有这样的结构

   [{
      title: "Section 1",
      items: [{
          title: 'Dashboard',
          icon: 'tachometer-alt',
          route: '/dashboard',
          opened: false
        },
        {
          title: 'Appointments',
          icon: 'calendar-alt',
          route: '/appointments',
          opened: true
        },
        {
          title: 'Orders',
          icon: 'box',
          route: '/orders',
          opened: false,
          children: [{
            title: 'Orders submenu 1',
            route: '/orders/sub1',
            opened: false,
            children: [{
              title: 'Orders submenu 1 subsubmenu 1',
              route: '/orders/sub1/sub1sub1'
            }]
          }]
        }
      ]
    }]

这些基本上是带有菜单项的部分，每个菜单项都可以包含子菜单，子菜单有子子菜单，等等。

我有一个切换函数，它正在获取一个属性数组。我想用这个数组否定 "marked" 的变量，所以当我得到一个 [0, 'items', 2, 'children', 0, 'opened'] 数组时，预期的行为是 "Orders submenu 1" 有它的 "opened" 属性设置为 "true".

属性索引器数组也是可变的，因此如果需要，我可以稍微调整一下。

使用 Ramda，我可以使用 R.path([0, 'items', 1, 'opened'], menu) 轻松获取当前值，但如何将其设置为 "true"？

Jsfiddle 例如：https://jsfiddle.net/hurtonypeter/1tm4wcuo/

Answer 1

您可以在 Ramda 中使用镜头来实现这一点。

const togglePath = (path, obj) => R.over(R.lensPath(path), R.not, obj)
togglePath([0, 'items', 1, 'opened'], menu)

使用 ramda.js 路径改变对象

Mutate object with ramda.js path

javascript

ramda.js