如何用Ramda.js实现汽车与颜色数据关联的map+forEach逻辑？

我刚接触Ramda.js，但已经掌握函数式编程概念。现有两组通过carId建立关联的JSON数据（一辆汽车可对应多种颜色），已通过命令式的map结合forEach实现了为每个汽车对象添加对应颜色数组的需求，现在希望用Ramda.js重构该逻辑。

数据结构 #

Cars 数据 #

[
  [
    {
      name: { manufacture: 'toyatothon', year: '1830' },
      density: 1.14,
      id: '32ccfa8d-8db6-41f6-83fa-7726851bffd4',
      image: 'https://test.image/toyotathon',
      description: {
        type: 'typical toyotathon',
        style: 'stylish'
      }
    },
    {
      name: { manufacture: 'toyatothon', year: '1830' },
      density: 1.14,
      id: 'c7bc7177-8137-4552-a218-0aa4d2491373',
      image: 'https://test.image/toyotathon',
      description: {
        type: 'typical toyotathon',
        style: 'stylish'
      }
    },
    // ... 更多汽车对象
  ]
]

Colors 数据 #

[
  {
    id: '8f529b1f-18a8-408b-a88c-b9056ef6e50e',
    name: { color: 'blue', shade: 'black'},
    carId: 'c7bc7177-8137-4552-a218-0aa4d2491373',
    image: 'https://test.image/pla_standard'
  },
  {
    id: 'b04458ec-ee2b-4ead-9f90-a2aa30608ea7',
    name: { color: 'blue', shade: 'black' },
    carId: '32ccfa8d-8db6-41f6-83fa-7726851bffd4',
    image: 'https://test.image/toyotathon'
  },
  // ... 更多颜色对象
]

期望输出 #

[
  [
    {
      name: { manufacture: 'toyatothon', year: '1830' },
      density: 1.14,
      id: '32ccfa8d-8db6-41f6-83fa-7726851bffd4',
      image: 'https://test.image/toyotathon',
      description: {
        type: 'typical toyotathon',
        style: 'stylish'
      },
      colors: [
        {
          id: 'b04458ec-ee2b-4ead-9f90-a2aa30608ea7',
          name: { en: 'Sanded', de: 'Geschliffen', es: 'Estándar' },
          carId: '32ccfa8d-8db6-41f6-83fa-7726851bffd4',
          image: 'https://test.image/toyotathon'
        },
        // ... 同carId对应的其他颜色
      ]
    },
    {
      name: { manufacture: 'toyatothon', year: '1830' },
      density: 1.14,
      id: 'c7bc7177-8137-4552-a218-0aa4d2491373',
      image: 'https://test.image/toyotathon',
      description: {
        type: 'typical toyotathon',
        style: 'stylish'
      },
      colors: [
        {
          id: '8f529b1f-18a8-408b-a88c-b9056ef6e50e',
          name: { color: 'blue', shade: 'black'},
          carId: 'c7bc7177-8137-4552-a218-0aa4d2491373',
          image: 'https://test.image/pla_standard'
        },
        // ... 同carId对应的其他颜色
      ]
    },
    // ... 更多带颜色数组的汽车对象
  ]
]

现有命令式代码 #

carsResponse.map((car) => {
  car['colors'] = [];
  colorsResponse.forEach((color) => {
    if (car.id == color.carId) {
      return car['colors'].push(color);
    }
  });
});

Ramda.js 实现方案 #

const { pipe, groupBy, prop, map, assoc } = require('ramda');

// 按carId分组颜色数据，得到 { [carId]: [对应颜色列表] } 的结构
const groupColorsByCarId = groupBy(prop('carId'));

// 给单个汽车对象添加对应颜色数组
const addColorsToCar = (colorGroups) => (car) => 
  assoc('colors', colorGroups[car.id] || [], car);

// 组合完整处理逻辑：分组颜色 → 遍历嵌套数组给每个汽车添加颜色
const enrichCarsWithColors = pipe(
  groupColorsByCarId,
  (colorGroups) => map(map(addColorsToCar(colorGroups)))
);

// 使用示例
const enrichedCars = enrichCarsWithColors(colorsResponse)(carsResponse);

逻辑说明 #

• groupBy(prop('carId'))：提前将颜色按carId分组，避免命令式代码中每次遍历汽车都全量扫描颜色数组，提升处理效率。
• assoc('colors', ..., car)：Ramda的assoc会返回全新对象，不会修改原汽车数据，符合函数式编程的不可变原则。
• 双层map：因为Cars数据是嵌套数组结构，所以需要两层遍历才能处理到每一个汽车对象。

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