how to add objects to arrays

Question

I'm trying to construct an array of objects from a set of two different arrays. I'm a little comfussed on where I need to go from here.

I'm creating a unique key value, but the object is going into the array individual.

const startingArray = [
{
 key: "description",
 value: "my description"
},
{
 key: "description2",
 value: "my description2"
},
{
 key: "description3",
 value: "my description3"
},
]

my logic

const k = mystartingArray.reduce((acc, d, count) => {
 const name = Object.value(d)[0]
 const title = Object.value(d)[1]

const value = {
 [name]: title
}
acc.push(value)

return acc

},[])

how I want the Array to look

const finishedArray = [
{
   description: "my description",
   description2: "my description2,
   description3: "my description3,
}

How far am I off?

The finishedArray is an array with one element that is an object? — user9706
– user9706, Commented Mar 3, 2021 at 19:17

gen_Eric · Accepted Answer · 2021-03-03 19:20:28Z

2

I think this would be simpler to solve just by using a basic forEach.

let value = {};

startingArray.forEach(obj => {
    value[obj.key] = obj.value;
});

const finishedArray = [value];

Or, if you don't want to have a value object:

const finishedArray = [{}];

startingArray.forEach(obj => {
  finishedArray[0][obj.key] = obj.value;
});

answered Mar 3, 2021 at 19:20

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

Comments

user9706 · Accepted Answer · 2021-03-03 19:20:55Z

1

const finishedArray = [
  startingArray.reduce((a, v) => {a[v.key] = v.value; return a}, {})
]

answered Mar 3, 2021 at 19:20

user9706

5 Comments

ronoc4 Over a year ago

Just for curiosity, if I wanted to also have them separate into there own objects like [{description:description},{description2:description2},{description3:description3}]

user9706 Over a year ago

Use map instead of reduce.

ronoc4 Over a year ago

How would go about using map

user9706 Over a year ago

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

ronoc4 Over a year ago

so using map after I've done the array? I thought before

Keimeno · Accepted Answer · 2021-03-03 19:21:26Z

1

To finish your code:

const startingArray = [
  {
    key: "description",
    value: "my description"
  },
  {
    key: "description2",
    value: "my description2"
  },
  {
    key: "description3",
    value: "my description3"
  },
];

const k = startingArray.reduce((acc, d, count) => {
  return [{
    ...(acc[0] || {}),
    [d.key]: d.value
  }]
},[])

console.log(k);

However, I think the solution of Rocket Hazmat is more reasonable than this.

answered Mar 3, 2021 at 19:21

Keimeno

2,6591 gold badge17 silver badges35 bronze badges

Collectives™ on Stack Overflow

how to add objects to arrays

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related