如何使用 lodash keyBy 创建哈希对象？

Question

我有这样的学校数据：

[

  {

    "details": {

      "campus": [

        {

          "address": "115-119...",

          "campusName": "blah",

          "email": "blah",

        }

      ],

      "colour": "#640E27",

      "schoolCode": "8383"

    },

    "enrolled": true,

    "id": "8383"

  }

]

我需要创建一个以学校 ID 作为键，以学校颜色作为其值的哈希

    {'8383' : '#640E27'}

我正在使用 lodash

  const hash = keyBy(action.payload, 'id');

  const reducedHash = pickBy(hash, item => item.details.colour);

但是，输出仍然具有整个对象的值，而不仅仅是显示颜色值。

如何实现 id 和 color 作为 hash 的键值？

Answer 1

lodash 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或.reducevar 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);//Reducevar res2 = data.reduce((acc, {id, details})=>{  return {...acc, ...{[id]:details.colour}}}, {});   console.log(res2)