Array of objects convert to object with keys by item field value

Question

I have this array:

const demo = [
  { key: 'apple', a: 'b', c: 1 },
  { key: 'banana', a: 'f', c: 3 },
  { key: 'orange', a: 'j', c: 8 },
];

I can get info about "banana" by using:

demo.find(item => item.key === 'banana')

Instead I would like to have this associative and access like this:

demo.banana.c

So I need to somehow get this:

const demo = {
  'apple': { key: 'apple', a: 'b', c: 1 },
  'banana': { key: 'banana', a: 'f', c: 3 },
  'orange': { key: 'orange', a: 'j', c: 8 },
};

Or without "key" inside, it does not matter.

What would be simplest solution? Some simple (maybe one-line) approach with ES6? If not, Lodash instead?

Andrii Svirskyi · Accepted Answer · 2022-02-03 21:53:58Z

4

const demo = [{
    key: 'apple',
    a: 'b',
    c: 1
  },
  {
    key: 'banana',
    a: 'f',
    c: 3
  },
  {
    key: 'orange',
    a: 'j',
    c: 8
  },
];

const solution = demo.reduce((acc, cur) => {
  acc[cur.key] = cur;
  return acc
}, {})

console.log(solution)

answered Feb 3, 2022 at 21:53

Andrii Svirskyi

3761 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

norr Over a year ago

I will accept this question but please provide any explanation, description. Code-only answers are against stackoverflow rules so this answer can be deleted later.

trincot · Accepted Answer · 2022-02-03 21:56:37Z

2

You could use Object.fromEntries to build the object, and destructuring to extract the key from the rest of the original object:

const demo = [
  { key: 'apple', a: 'b', c: 1 },
  { key: 'banana', a: 'f', c: 3 },
  { key: 'orange', a: 'j', c: 8 },
];

let result = Object.fromEntries(demo.map(({key, ...rest}) => [key, rest]));

console.log(result);

answered Feb 3, 2022 at 21:56

trincot

357k38 gold badges282 silver badges338 bronze badges

Comments

Ori Drori · Accepted Answer · 2022-02-03 22:30:01Z

1

You use lodash's _.keyBy():

const demo = [
  { key: 'apple', a: 'b', c: 1 },
  { key: 'banana', a: 'f', c: 3 },
  { key: 'orange', a: 'j', c: 8 },
];

const result = _.keyBy(demo, 'key');

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

answered Feb 3, 2022 at 22:30

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Collectives™ on Stack Overflow

Array of objects convert to object with keys by item field value

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related