create repeating objects using length of array

Question

I'd like to create an array of objects based on the length of another object:

let initial_array = ["a", "b", "c"]

Desired Output

[
 {width: "5%"},
 {width: "5%"},
 {width: "5%"}
]

What I've tried

I thought I could maybe use a map or forEach to create the repeating object for the length of the initial array but have failed (I'm trying to avoid using a for loop but maybe I need to?)

This doesn't work

initial_array.map(x => {width: "5%"} );

Does this answer your question? ECMAScript 6 arrow function that returns an object — Heretic Monkey
– Heretic Monkey, Commented Nov 2, 2020 at 16:49

epascarello · Accepted Answer · 2020-11-02 16:47:57Z

3

Your fat arrow syntax is wrong. If you are doing an implicit return with an object you need parenthesis

const myArr = initial_array.map(x => ({width: "5%"}) );

answered Nov 2, 2020 at 16:47

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

1 Comment

Heretic Monkey Over a year ago

You're the one with the gold badge, not me. But hey, you got yours.

Collectives™ on Stack Overflow

create repeating objects using length of array

Desired Output

What I've tried

This doesn't work

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Desired Output

What I've tried

This doesn't work

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related