creating n array of objects based on dynamic number

Question

I need to create an array based on number which is my limit. So below is my input and this the expected output I am looking out

Input

Expected output

[{value: 3, label: 3}, {value: 2, label: 2}, {value: 1, label: 1}, {value: 0, label: 0}]

Tried this

Array(3).map((_, i) => ({value: i, label: i  }))

But this didn't worked, any help is appreciated

Very close. Please try: [...Array(n+1)].map((x, i) => ({ value: n-i, label: n-1})); where n is your input number (for example: 3). — jsN00b
– jsN00b, Commented Mar 31, 2022 at 12:22
@yousoumar answer is right it handles the n = 0 case also, is there any es6 short for it — dev
– dev, Commented Mar 31, 2022 at 12:27
Got it @jsN00b in your above comment label: n - 1 but it should be n - i, i think typo thanks :) — dev
– dev, Commented Mar 31, 2022 at 12:29
Typo - guilty as charged. :-). Also serves me a lesson to not type code in comments - an oft-repeated adage by SO pro-members I've read. — jsN00b
– jsN00b, Commented Mar 31, 2022 at 12:34

jsN00b · Accepted Answer · 2022-03-31 12:28:57Z

2

This may be one possible solution to achieve the desired objective.

Code Snippet

const n = parseInt(prompt('Enter value for n: ').toString()) ?? 3;

console.log(
  [...Array(n+1)]
  .map(
    (x, i) => ({
      value: n-i,
      label: n-i
    })
  )
);

Explanation

Create an array of n + 1 elements
Iterate over the array and hold the index as i
For each element, .map() an object with props value & label
In order to get the sort-order right, use n - i as the value for both props

answered Mar 31, 2022 at 12:28

jsN00b

3,7032 gold badges10 silver badges22 bronze badges

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

Comments

Youssouf Oumar · Accepted Answer · 2022-03-31 12:29:30Z

1

Here is a way you could achieve what you want, using a for boucle:

let input = 3;
const result=[]
for(let i = input; i>=0; i--){
  result.push({value:i, label:i})
}
console.log( result)

A shorter solution :

let input =3
console.log(Array.from(Array(input+1)).map((_, i) => ({value: i, label: i})).sort((v1, v2)=>v2.value-v1.value))

edited Mar 31, 2022 at 12:29

answered Mar 31, 2022 at 12:22

Youssouf Oumar

47.5k16 gold badges109 silver badges108 bronze badges

Comments

p4avinash · Accepted Answer · 2022-03-31 12:26:19Z

0

const input = 3
const answer = []
for(let i = 0; i <= input; i++){
  let obj = {'value': i, 'label': i}
  answer.push(obj)
}

console.log(answer)

answered Mar 31, 2022 at 12:26

p4avinash

6872 gold badges6 silver badges18 bronze badges

Comments

ollie · Accepted Answer · 2022-03-31 12:27:36Z

0

You need to use Array.from() like this:

Array.from(Array(3)).map((_, i) => ({value: i, label: i}))

Note that this will run from 0 to 2, not 0 to 3 as per your expected output as the length of the array is 3. The easiest way to get the output you expect would be to make it into a function and add 1 to the number supplied to the function, i.e.

const generateArray = number => Array.from(Array(number + 1)).map((_, i) => ({value: i, label: i}))

generateArray(3) // [{value: 0, label: 0}, {value: 1, label: 1}, {value: 2, label: 2}, {value: 3, label: 3}]

edited Mar 31, 2022 at 12:27

answered Mar 31, 2022 at 12:24

ollie

8232 gold badges12 silver badges24 bronze badges

2 Comments

dev Over a year ago

No i want to start it from 0

ollie Over a year ago

Both of the above examples do start from 0

Collectives™ on Stack Overflow

creating n array of objects based on dynamic number

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related