shorthand to create a numbered array of objects for react select in JS?

Question

is there a shorthand approach to creating an array of objects of length X in js other than using a for loop? This is to use for react select npm package

end result

const options = [
  { value: 1, label: "1" },
  { value: 2, label: "2" },
  { value: 3, label: "3" },
];

for loop approach

let options = []
for (let i = 1; i <= 10; i++) { // assume arbitrary length 10
    options.push({
        value: i,
        label: i.toString()
    })
}

Does this answer your question? How to create an array containing 1...N — Lawrence Cherone
– Lawrence Cherone, Commented Dec 28, 2022 at 23:00

Konrad · Accepted Answer · 2022-12-28 23:32:00Z

2

[...Array(number).keys()].map(i => ({ value: i + 1, label: (i + 1).toString() }))

edited Dec 28, 2022 at 23:32

answered Dec 28, 2022 at 23:00

Konrad

24.9k5 gold badges35 silver badges78 bronze badges

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

Comments

Nick Parsons · Accepted Answer · 2022-12-28 23:59:59Z

1

You can use Array.from() with a mapping function to creat your objects:

const res = Array.from({length: 10}, (_, i) => ({value: i+1, label: (i+1).toString()}))

This creates the array and fills it with the appropriate objects in the one iteration (rather than performing multiple iterations)

answered Dec 28, 2022 at 23:59

Nick Parsons

51.7k6 gold badges61 silver badges80 bronze badges

Collectives™ on Stack Overflow

shorthand to create a numbered array of objects for react select in JS?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related