Spread Operator for array of array

Question

How to perform spread opration on salesuser array object. need to add ..salesuserstargetAmount:500, in that object

  {        
    "station": [
        {
            "stationname":"chennai",
            "stationtargetAmount":500,
            "salesusers":[
                {
                " salesusersname":"tester", 
                },         
         ]
        },
    {
            "stationname":"chennai22222",
           "stationtargetAmount":500,
            "salesusers":[
                {
                " salesusersname":"tester222222", 
                },         
         ]
        }
    ]
 }

Tried with

let  salesusertargetamt = "100"

 this.setState({
   salesusers: this.state.station.map((items) => {
   items.salesusers.map(el => (el.salesusersname !== "" ? { ...el, salesusertargetamt } : el))
  });

Be aware `map` returns the same number of items as the original array. — evolutionxbox, Feb 07 '22 at 08:12
Does this answer your question? [Curly Brackets in Arrow Functions](https://stackoverflow.com/questions/35440265/curly-brackets-in-arrow-functions) — Ivar, Feb 07 '22 at 08:29

score 0 · Answer 1 · answered Feb 07 '22 at 08:15

0

let  salesusertargetamt = "100"

 this.setState({
   salesusers: this.state.station.map((items) => {
    return items.salesusers.map(el => (el.salesusersname !== "" ? { ...el, stationtargetAmount: salesusertargetamt } : el))
  });

answered Feb 07 '22 at 08:15

ldruskis

779
7
20

3

Please may you add some explanation? Why does this help? What did you change? – evolutionxbox Feb 07 '22 at 08:16
Well, you forgot to return an array inside the map arrow function block. – ldruskis Feb 07 '22 at 08:17
3

Take note of usernames. I'm not the asker. – evolutionxbox Feb 07 '22 at 08:17
1

If you want to update your answer, please [edit] instead of commenting. – General Grievance Feb 14 '22 at 14:53

score 0 · Accepted Answer · answered Feb 07 '22 at 08:17

Curly braces ({) are tricky here because they both mean block of code and JavaScript object so you need to wrap them with ():

let  salesusertargetamt = "100";

 let obj = {        
    "station": [
        {
            "stationname":"chennai",
            "stationtargetAmount":500,
            "salesusers":[
                {
                " salesusersname":"tester", 
                },         
         ]
        },
    {
            "stationname":"chennai22222",
           "stationtargetAmount":500,
            "salesusers":[
                {
                " salesusersname":"tester222222", 
                },         
         ]
        }
    ]
 };
 
 let result = obj.station.map(items => ({
    ...items,
    salesusers: items.salesusers.map(user => (user.salesusersname !== "" ? {...user, salesusertargetamt} : user ))
 }))
 

 console.log(result);

Spread Operator for array of array

2 Answers2