0

Есть 2 JSON файла, один основной, там есть {id:1} и второй, где есть {subId:1}. Как связать два этих JSON, чтобы отрисовать из них данные(1-ый это основной товар, а 2-ой всякие допы). Загвоздка ещё в том, что значения не уникальные, может быть {count:1} например. То есть надо как-то по ключам сравнивать. Ниже пример.

{
"Value": {
    "Params": [
      { "Cost": 158, "GroupID": 1, "Quantity": 1, "ID": 1 },
      { "Cost": 222, "GroupID": 2, "Quantity": 1, "ID": 4 }
    ]
  }
}
{
    "1": {
        "Group": "Товары",
        "Units": {
            "1": {
                "Name": "Товар 1",
            }
        }
    },
    "2": {
        "Group": "Товары 2",
        "Units": {
            "4": {
                "Name": "Товар 2",
            }
        }
    }
}
6
  • 1
    Приложите пример ваших json'ов, только не полный листинг, так будет проще дать более точный ответ на ваш вопрос. 3 ноя 2020 в 13:52
  • Добавил пример в вопрос.
    – Valentine
    5 ноя 2020 в 17:47
  • 1
    У вас тут { "Cost": 222, "GroupID": 2, "Quantity": 1, "ID": 4 }, поле ID должно пересекаться с ключом из вложенного объекта Units? 6 ноя 2020 в 6:33
  • Да, а GroupID с 1-ым ключом.
    – Valentine
    8 ноя 2020 в 2:04
  • 1
    Я обновил свой ответ ниже, должно вам помочь. 8 ноя 2020 в 8:20

1 ответ 1

1

Для вашей задачи вам нужно замапить два json'а в нужную вам структуру, сделать это можно следующим образом (скрипт написан в моем видении структуры, вы можете на основе него собрать уже свою, главное, чтобы в общем смысле было понятно, что там происходит):

const generateGoodsCart = (groups, adds) => Object
  .keys(adds) // извлекаем ключи (названия дополнений)
  .reduce((acc, addsName) => {
    const { Params } = adds[addsName];

    Params.forEach((param) => {
      const { [param.GroupID]: group } = groups; // извлекаем группу
      if (!group) return;

      if (!acc[param.GroupID]) {
        // если в генерируемой модели отсутствует группа
        // то добавляем данную структуру
        acc[param.GroupID] = {
          groupId: param.GroupID,
          groupName: group.Group,
          additionals: [],
        };
      }

      const { Units: { [param.ID]: unit } } = group; // извлекаем юнит
      if (!unit) return;

      // добавляем структуру дополнений к товару
      acc[param.GroupID].additionals.push({
        unitId: param.ID,
        unitName: unit.Name,
        cost: param.Cost,
        quantity: param.Quantity,
      });
    });

    return acc;
  }, {});

const goodsCart = generateGoodsCart(groups, adds);

Мы получим такую структуру (в примере только часть полученных данных):

{
  1: {
    groupId: 1,
    groupName: 'Товары',
    additionals: [
      {
        cost: 222,
        quantity: 1,
        unitId: 4,
        unitName: 'Товар 2',
      },
    ],
  },
}

Так же, так как мы сохраняем groupId в нашей структуре, мы можем извлечь только массив (будет удобнее использовать в итерациях) нужных нам значений при помощи Object.values:

const goodsCart = Object.values(generateGoodsCart(groups, adds));
14
  • 1
    Посмотрите пример json’а внимательно, там поле Params - это массив. 8 ноя 2020 в 15:57
  • 1
    Нет, там происходит деструктуризация, данная строка равносильна следующей: const Params = adds[addsName].Params 8 ноя 2020 в 16:27
  • 1
    Нет, не подразумевает, я запускал данный скрипт с вашими сэмплами json’ов, первый аргумент группы, второй дополнения. 8 ноя 2020 в 16:41
  • 1
    Вы можете собрать сниппет кода например на jsfiddle или типа того, с примером входных данных с сервера (маленьким куском) и этим кодом для запуска, потому что пока проблема очень абстрактная. 8 ноя 2020 в 17:08
  • 1
    Вы первым аргументом передаете дополнения, а вторым группы, там же по коду видно. Аргументы у себя в пример в фидле местами поменяйте. 8 ноя 2020 в 17:24

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.