Как создать объект ha sh с помощью loda sh keyBy?

Question

Привет, у меня есть такие школьные данные:

[
  {
    "details": {
      "campus": [
        {
          "address": "115-119...",
          "campusName": "blah",
          "email": "blah",
        }
      ],
      "colour": "#640E27",
      "schoolCode": "8383"
    },
    "enrolled": true,
    "id": "8383"

  }
]

Мне нужно создать ha sh с идентификатором школы в качестве ключа и цветом школы в качестве его значения

    {'8383' : '#640E27'}

I m с использованием loda sh

  const hash = keyBy(action.payload, 'id');
  const reducedHash = pickBy(hash, item => item.details.colour);

Однако результат по-прежнему имеет значение всего объекта вместо того, чтобы просто отображать значение цвета.

Как добиться идентификатора и цвета в качестве ключевого значения ha sh?

Answer 1

loda sh keyBy может быть не лучшим решением для вашего варианта использования, вместо этого вы можете использовать метод array.reduce :

action.payload.reduce((accumulator, currentValue) => {
  accumulator[currentValue.id] = currentValue.details.colour;
  return accumulator;
}, {});

Answer 2

Вы можете попробовать этот код, Array.reduce может сделать то же самое.

 let arr = [
    {
      details: {
        campus: [
          {
            address: '115-119...',
            campusName: 'blah',
            email: 'blah',
          },
        ],
        colour: '#640E27',
        schoolCode: '8383',
      },
      enrolled: true,
      id: '8383',
    },
  ];

  const reducedHash = arr.reduce((acc, data) => {
    return { ...acc, ...{ [data.id]: data.details.colour } };
  }, {});

Answer 3

Используя .forEach или .reduce

var data = [
  {
    "details": {
      "campus": [
        {
          "address": "115-119...",
          "campusName": "blah",
          "email": "blah",
        }
      ],
      "colour": "#640E27",
      "schoolCode": "8383"
    },
    "enrolled": true,
    "id": "8383"

  }
];
var res = {};
data.forEach(({id, details})=>{
 res[id] = details.colour
});

console.log(res);

//Reduce

var res2 = data.reduce((acc, {id, details})=>{
  return {...acc, ...{[id]:details.colour}}
}, {});

   console.log(res2)