使用Ramda.js更新JSON中二级、三级嵌套数组的技术问题

嘿，我来帮你搞定这两个Ramda.js的数组更新问题，先从你遇到NaN的场景说起～

场景a：修复二级cost数组更新返回NaN的问题 #

你得到NaN大概率是因为误把整个数组和系数相乘，而没有遍历数组内的每个数值元素单独计算，或者是没有精准定位到数组的元素层级。

假设你的原始数据结构是这样的：

const originalData = [
  { id: 1, cost: [10, 20] },
  { id: 2, cost: [20, 30] }
];
const multiplier = 2; // 指定的系数

正确的Ramda实现 #

我们需要先遍历外层的对象数组，再对每个对象的cost属性，逐个处理内部数组的元素：

const updateCostArrays = R.map(
  R.over(R.lensProp('cost'), R.map(R.multiply(multiplier)))
);

const updatedData = updateCostArrays(originalData);
// 输出结果完全符合你的预期：
// [ { id: 1, cost: [20, 40] }, { id: 2, cost: [40, 60] } ]

代码逻辑拆解 #

• R.lensProp('cost')：创建一个指向对象cost属性的透镜，让我们能精准定位并修改这个属性
• R.map(R.multiply(multiplier))：遍历cost数组的每个元素，将其乘以指定系数
• R.over：通过透镜对cost属性应用上面的转换函数
• 最外层的R.map：把这套逻辑批量应用到外层的每个对象上

如果你的原始数据是嵌套在父对象里的二级数组（比如{ groups: [{ cost: [10,20] }] }），只需要把外层的透镜改成R.lensPath(['groups'])即可，核心逻辑不变。

场景b：更新三级层级的数组 #

假设你的三级嵌套数据结构是这样的（比如订单下的商品条目里的数量数组）：

const originalData = {
  orders: [
    {
      id: 'order-1',
      lineItems: [
        { name: '商品A', quantities: [1, 3, 5] },
        { name: '商品B', quantities: [2, 4, 6] }
      ]
    },
    {
      id: 'order-2',
      lineItems: [
        { name: '商品C', quantities: [10, 20] }
      ]
    }
  ]
};
const multiplier = 1.5; // 比如要给所有数量乘以1.5

通用批量更新的Ramda实现 #

这里需要逐层嵌套map和over方法，精准定位到三级数组：

const updateThirdLevelArrays = R.over(
  R.lensProp('orders'),
  R.map(
    R.over(R.lensProp('lineItems'),
      R.map(R.over(R.lensProp('quantities'), R.map(R.multiply(multiplier))))
    )
  )
);

const updatedData = updateThirdLevelArrays(originalData);
// 结果示例：order-1里商品A的quantities会变成[1.5, 4.5, 7.5]，完全符合预期

核心思路 #

我们需要一层一层往下定位：

1. 先用R.lensProp('orders')定位到二级的订单数组
2. 遍历每个订单，用R.lensProp('lineItems')定位到三级数组的父级（商品条目数组）
3. 遍历每个商品条目，用R.lensProp('quantities')定位到目标三级数组
4. 最后用R.map(R.multiply(multiplier))更新数组的每个元素

如果你的需求是更新固定位置的三级数组（比如每个订单的第一个商品条目数量），可以用R.lensPath(['orders', R.__, 'lineItems', 0, 'quantities'])结合R.map来更精准地定位，灵活性很高。

内容的提问来源于stack exchange，提问作者Anamika