how to push array value to another array object value javascript

Question

I've data response like this

{
"data": {
  "product": {
    "colors": ["#3498db", "#00ccff"],
    "items": [
     {
       "label": "Phone",
       "value": "23.00"
     },
     {
       "label": "Notebook",
       "value": "3.00"
     }
    ]
   }
 }
}

and then i want push the colors inside items

expected: items have three(3) variable each of index

items: [
 {
  label: phone,
  value: 23.00,
  color: #3498db
 }
]

i've try using push and concat but i got error "Cannot read property 'data' of undefined"

here my code

generaliseData(dashboardC) {
  let genData = Object.assign({}, dashboardC)
    if (genData.product.items.length > 0) {
      for (let i of genData.product.items) {
        i.value = parseInt(i.value)
          for (let j of genData.product.colors) {
            i = i.push(j)
          }
       }
      console.log(genData)
    }
 }

label: phone, Is that a new variable, or did you mean for that to be a string? (I'm assuming color needs to be a string too, and JS doesn't keep trailing zeros as in value) — CertainPerformance
– CertainPerformance, Commented Oct 31, 2018 at 7:53

Đào Minh Hạt · Accepted Answer · 2018-10-31 08:01:25Z

1

You can use map to iterate through your list, expect to have the length of colors equal the length of item

const response = {
"data": {
  "product": {
    "colors": ["#3498db", "#00ccff"],
    "items": [
     {
       "label": "Phone",
       "value": "23.00"
     },
     {
       "label": "Notebook",
       "value": "3.00"
     }
    ]
   }
 }
};
function addColorToItem(response) {
  const product = response.data.product;
  const colors = product.colors;
  const items = product.items;
  
  return items.map((item, index) => {
    item.color = colors[index];
    return item;
  })
}

console.log(addColorToItem(response));

answered Oct 31, 2018 at 8:01

Đào Minh Hạt

2,92618 silver badges20 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2018-10-31 07:55:48Z

0

You could iterate items and assign a color.

var response = { data: { product: { colors: ["#3498db", "#00ccff"], items: [{ label: "Phone", value: "23.00" }, { label: "Notebook", value: "3.00" }] } } },
    temp = response.data.product;

temp.items.forEach((o, i) => o.color = temp.colors[i]);

console.log(response);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Oct 31, 2018 at 7:55

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2018-10-31 08:01:13Z

0

You can use a simple forEach() loop for that result:

var data = {
  "product": {
    "colors": ["#3498db", "#00ccff"],
    "items": [{
        "label": "Phone",
        "value": "23.00"
      },
      {
        "label": "Notebook",
        "value": "3.00"
      }
    ]
  }
};
data.product.items.forEach((item, index) => item.color = data.product.colors[index]);
console.log(data);

answered Oct 31, 2018 at 8:01

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Collectives™ on Stack Overflow

how to push array value to another array object value javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related