Convert a one dimensional array into an array of objects with Javascript

Question

I've flattened an array like this: let playerPool = [...new Set(array.flat(1))];
Which has an output like this: ["Howard Bell", "Matt Blair", "Dave Custer"]

How can I turn this into an array of objects? I want to update the above so the format is like this: [ {Name: "Howard Bell", Count: "0"}, {Name: "Matt Blair", Count: "0"}, {Name: "Dave Custer", Count: "0"} ]

I was trying to set this up by looping through the playerPool array but I get the following error: TypeError: Cannot set property 'Name' of undefined

let playerPool = [...new Set(array.flat(1))];
let playerObjects = [];

for(let i = 0; i < playerPool.length; i++) {
  playerObjects[i].Name = playerPool[i];
  playerObjects[i].Count = 0;
}

My goal is to be able to reference each property individually like this playerObjects[0].Count so I can later update the count value.

trincot · Accepted Answer · 2021-02-26 17:11:21Z

1

You forgot to create the object to which you want to assign the properties.

But you can do it more functional-style with map:

let playerPool = ["Howard Bell", "Matt Blair", "Dave Custer"];

let result = playerPool.map(name => ({name, count:0}));

console.log(result);

NB: if possible choose camelCase for your property names. There is a common practice to reserve PascalCase for constructor names ("classes").

answered Feb 26, 2021 at 17:11

trincot

357k38 gold badges282 silver badges338 bronze badges

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

Comments

Santa · Accepted Answer · 2021-02-26 17:17:18Z

0

You can try something like this,

let array1 = ["Howard Bell", "Matt Blair", "Dave Custer"];
let array2 = [];

array1.forEach(el => {
  array2.push({Name: el, count: 0});
});

console.log(array2);

answered Feb 26, 2021 at 17:17

Santa

3872 silver badges8 bronze badges

Collectives™ on Stack Overflow

Convert a one dimensional array into an array of objects with Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related