CODEWITHSUNDEEP
javascriptnode.jsarraysobjectreduce
Eyal Solomon
Eyal Solomon

Reputation: 27

JS creating multi value objects array from an array

Trying to get this ['Team Instinct', 'Team Valor', 'Team Mystic']

To this

[{
    answer: "Team Instinct",
    id: asdfsodijha120-938a //nanoid()
 },
 {
    answer: "Team Valor",
    id: 12390i1-293-12093a2 //nanoid()
 },
 {
    answer: "Team Mystic",
    id: 123908320i09i09ss8a //nanoid()
 }
]

What i tried so far

const { nanoid } = require("nanoid")

const array = ['Team Instinct', 'Team Valor', 'Team Mystic']
let object = {}

obcject = array.reduce((prevValue,currentValue) => {
    prevValue.push({
        answer: currentValue,
        id: nanoid()
    })
},[])

ERROR I GET TypeError: Cannot read properties of undefined (reading 'push')

Upvotes: 1

Views: 72

Answers (3)

Kinglish
Kinglish

Reputation: 23654

Orig answer is correct, you're missing the return. However, here's an alternate way of writing it

const { nanoid } = require("nanoid")
let object = ['Team Instinct', 'Team Valor', 'Team Mystic'].reduce((prevValue, currentValue) => ([...prevValue, {
  answer: currentValue,
  id: nanoid()
}]), [])

Upvotes: 3

Adrien De Peretti
Adrien De Peretti

Reputation: 3662

When you use a reducer You lust return the value after pushing in it.

So first error, you never return the result in the callback function. The seconde one, is that you trying then to assign the result of the reduce (an array) to an object.

const { nanoid } = require("nanoid");

const array = ['Team Instinct', 'Team Valor', 'Team Mystic'];

const result = array.reduce((prevValue,currentValue) => {
    prevValue.push({
        answer: currentValue,
        id: nanoid()
    });
    return prevValue;
},[]);

Upvotes: 1

Andrii Svirskyi
Andrii Svirskyi

Reputation: 376

You forgot to return prevValue;

 const { nanoid } = require("nanoid")
    
    const array = ['Team Instinct', 'Team Valor', 'Team Mystic']
    let object = {}
    
    obcject = array.reduce((prevValue,currentValue) => {
        prevValue.push({
            answer: currentValue,
            id: nanoid()
        })
        return prevValue
    
    },[])

Upvotes: 3

Related Questions