javascript перебирает объекты во вложенном массиве объектов и фильтрует по идентификаторам и возвращает тот же исходный обновленный набор данных

Question

У меня есть массив вложенных объектов, которые я хочу сохранить в items объектах, которые имеют id, равный единице в списке фильтров, которые я имею в качестве ссылки.

const data = [{
  "otherStuff": "otherB",
  "items": {
    "item1": [{
        "id": "id1",
        "info": "info1"
      },
      {
        "id": "id2",
        "info": "info22"
      }
    ],
    "item20": [{
      "id": "id3",
      "info": "info5"
    }],
    "item5": [{
        "id": "id4",
        "info": "info6"
      },
      {
        "id": "id5",
        "info": "info7"
      }
    ]
  }
}, {
  "otherStuff": "otherA",
  "items": {
    "item1": [{
        "id": "id1",
        "info": "info10000"
      },
      {
        "id": "id2",
        "info": "info220000"
      }
    ],
    "item20": [{
      "id": "id3",
      "info": "info5000"
    }],
    "item5": [{
        "id": "id4",
        "info": "info60000"
      },
      {
        "id": "id5",
        "info": "info7000"
      }
    ]
  }
}];

const keep = ['id4', 'id2'];
keep.forEach(function(val) {
  data.forEach(function(entry, index){
      const entrySelected = [];
      Object.keys(entry.items).forEach(item => {
        var match = entry.items[item].find(obj => obj.id === val);
        if (match) {
          entrySelected.push(match)
        }
      });
      data[index].items = entrySelected;
  });
})
console.log(data)

У меня сейчас ошибка, но идея состоит в том, чтобы получить следующий вывод:

 [
        {
            "otherStuff": "otherB",
            "items": [
                    {
                          "id": "id2",
                          "info": "info22"
                    },
                    {
                        "id": "id4",
                        "info": "info6"
                }
            ]
        },
        {
            "otherStuff": "otherA",
            "items": [
                    {
                          "id": "id2",
                          "info": "info220000"
                    },
                    {
                        "id": "id4",
                        "info": "info60000"
                }
            ]
        }
    ]

как мне этого добиться?

Answer 1

Вы можете перебрать значения объектов, а затем уменьшить количество требуемых элементов для нового массива. Позже доведу это до items.

var data = [{ otherStuff: "otherB", items: { item1: [{ id: "id1", info: "info1" }, { id: "id2", info: "info22" }], item20: [{ id: "id3", info: "info5" }], item5: [{ id: "id4", info: "info6" }, { id: "id5", info: "info7" }] } }, { otherStuff: "otherA", items: { item1: [{ id: "id1", info: "info10000" }, { id: "id2", info: "info220000" }], item20: [{ id: "id3", info: "info5000" }], item5: [{ id: "id4", info: "info60000" }, { id: "id5", info: "info7000" }] } }],
    keep = ['id4', 'id2'];

data.forEach(o =>
    o.items = Object
        .keys(o.items)
        .reduce((r, k) => o
            .items[k]
            .reduce((s, p) => s.concat(keep.includes(p.id) ? p : []), r), []));

console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }

С фильтром для массивов.

var data = [{ otherStuff: "otherB", items: { item1: [{ id: "id1", info: "info1" }, { id: "id2", info: "info22" }], item20: [{ id: "id3", info: "info5" }], item5: [{ id: "id4", info: "info6" }, { id: "id5", info: "info7" }] } }, { otherStuff: "otherA", items: { item1: [{ id: "id1", info: "info10000" }, { id: "id2", info: "info220000" }], item20: [{ id: "id3", info: "info5000" }], item5: [{ id: "id4", info: "info60000" }, { id: "id5", info: "info7000" }] } }],
    keep = ['id4', 'id2'];

data.forEach(o =>
    o.items = Object
        .keys(o.items)
        .filter(k => Array.isArray(o.items[k]))
        .reduce((r, k) => o
            .items[k]
            .reduce((s, p) => s.concat(keep.includes(p.id) ? p : []), r), []));

console.log(data);

.as-console-wrapper { max-height: 100% !important; top: 0; }