Creating multiple keys inside javascript object with Array.map

Question

What I am trying to accomplish is from an array, I want to map all of those values into one object. For example, if I have the following data below

const myKeys = ["prop_1", "prop_2", "prop_3"];

When I map over this array I would like to return an object with 3 properties from the array listed above. Something like this.

const myKeysObj = myKeys.map( key => {
// expected outcome {"prop_1" : "some_value", "prop_2": "some_value", "prop_3": "some_value"}
// actual outcome {key: "some_value"}
return {[key]: "some_value"}
})

What can I do to have all three of my props in my array to be properties for a each object returned?

The phrasing of your question is confusing. Do you want one object or three? — ericgio
– ericgio, Commented Oct 8, 2018 at 4:07
Three. It should be dependent on whatever I am mapping over. Since I am mapping over myKeys, I would expect three objects retuned because of the size of the array. — Peter Tran
– Peter Tran, Commented Oct 8, 2018 at 4:09

CertainPerformance · Accepted Answer · 2018-10-08 04:09:19Z

2

It looks like you want to reduce the keys into an object, in which case reduce is more appropriate than .map:

const myKeys = ["prop_1", "prop_2", "prop_3"];
const output = myKeys.reduce((a, key) => {
  a[key] = 'some_value';
  return a;
}, {});
console.log(output);

answered Oct 8, 2018 at 4:09

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

3 Comments

Peter Tran Over a year ago

This works!! Thank you sir!! I will select this as the answer when it allows me.

Patrick Roberts Over a year ago

myKeys.reduce((a, key) => Object.assign(a, { [key]: 'some_value' }), {})

CertainPerformance Over a year ago

@PeterTran Feel free to accept the answer if it solved your problem :)

Collectives™ on Stack Overflow

Creating multiple keys inside javascript object with Array.map

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related