Javascript 使用ramda.js路径修改对象
我有一个结构,像这样Javascript 使用ramda.js路径修改对象,javascript,ramda.js,Javascript,Ramda.js,我有一个结构,像这样 [{ title: "Section 1", items: [{ title: 'Dashboard', icon: 'tachometer-alt', route: '/dashboard', opened: false }, { title: 'Appointments', icon: 'c
[{
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'
}]
}]
}
]
}]
这些基本上是带有菜单项的部分,每个菜单项可以包含子菜单,子菜单有子菜单,等等
我有一个切换函数,它获取一个属性数组。我想否定这个数组“标记”的变量,所以当我得到一个[0,'items',2,'children',0,'opened']
数组时,预期的行为是“Orders submenu 1”的“opened”属性设置为“true”
属性索引器数组也是可变的,所以如果需要,我可以稍微调整一下
使用Ramda,我可以通过R.path([0',items',1',opened'],menu)
轻松获取当前值,但如何将其设置为“true”
JSFIDLE例如:您可以使用Ramda中的镜头来实现这一点
const togglePath = (path, obj) => R.over(R.lensPath(path), R.not, obj)
togglePath([0, 'items', 1, 'opened'], menu)
Scott使用Lens的答案在我看来更好,但正如你所知,还有
assocPath
-R.assocPath([0,'items',2,'children',0,'opened'],true)
注意,当使用lensPath
和assocPath
的答案为你创建一个具有正确属性的新对象时,它们不会改变原始对象。这是拉姆达的中心;没有Ramda函数会改变它们的输入数据。