javascript add object dynamically

Question

I have this code where I added two Reviews (with the ID and NAME):

var data =  {
        SKU: 'CS4',
        Name: 'Dell Laptop Inspiron 41',
        Quantity: 1,
        ItemPrice: 121,
        "Reviews" : [
        {
            "ID": 2551,
            "Name": 'john',
        },
        {
            "ID": 255551,
            "Name": 'j5ohn',

        }
    };

How can I add them dynamically (i will get the reviews data from other sites using ajax) ?

I tried these code but I don't know why its not working and I am totally lost.

var data =  [{
        SKU: 'CS4',
        Name: 'Dell Laptop Inspiron 41',
        Quantity: 1,
        ItemPrice: 121,

    }];

var total_reviews = 5;

for (i=1; i<=total_reviews; i++) {

     Object.assign(data.Reviews, { "ID": data.from.other.sites.ID, "Name": data.from.other.sites.NAME });

}

Can you please give me advise which part I am missing ? or can you give me hints or codes for me to start?

If your "data" is an array you can't directly access the "Reviews" by doing data.Reviews. You will have to iterate through the data array and then assign a value to Reviews property. — Niral Munjariya
– Niral Munjariya, Commented Feb 16, 2018 at 5:11

Dathan · Accepted Answer · 2018-02-16 05:36:14Z

1

data[0].Reviews = []

for (i=1; i<=total_reviews; i++) {

     data[0].Reviews.push({ "ID": data.from.other.sites.ID, "Name": data.from.other.sites.NAME })

}

edited Feb 16, 2018 at 5:36

answered Feb 16, 2018 at 5:09

Dathan

4,6134 gold badges27 silver badges46 bronze badges

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

Comments

th3n3wguy · Accepted Answer · 2018-02-16 05:30:19Z

0

In your example output, the Reviews property of the object is an array of objects. This simple code should help you do that:

var data =  [
  {
    SKU: 'CS4',
    Name: 'Dell Laptop Inspiron 41',
    Quantity: 1,
    ItemPrice: 121
  }
];

var total_reviews = 5;

for (var i = 1; i <= total_reviews; i++) {
  // This doesn't work because you are trying to push it to an Array.
  // Object.assign(data.Reviews, { "ID": data.from.other.sites.ID, "Name": data.from.other.sites.NAME });
  
  // First make sure that the array is initialized.
  data[0].Reviews = data[0].Reviews || [];
  
  // Then add the object to your array.
  data[0].Reviews.push({
    "ID": "data.from.other.sites.ID",
    "NAME": "data.from.other.sites.NAME"
  });
}

edited Feb 16, 2018 at 5:30

answered Feb 16, 2018 at 5:12

th3n3wguy

3,7242 gold badges25 silver badges31 bronze badges

3 Comments

th3n3wguy Over a year ago

@cjatstackoverflow => The only error that is there is because of the "made-up object structure with all the periods" that he referenced that I just re-used. Let me make an edit really quick and then it shouldn't show any errors anymore. Edit completed. It no longer errors.

cjatstackoverflow Over a year ago

@th3n3wguy Yeah, I'm just messing with you. :D Peace out.

th3n3wguy Over a year ago

@cjatstackoverflow => Troll successful (by you, that is), but don't be too proud of yourself. I am fairly-gullable.

Anthony L · Accepted Answer · 2018-02-16 05:12:34Z

0

This should get you moving in the correct direction:

if(!data.Reviews){
  data.Reviews = []
}
review = {"ID": "someId", "Name": "someName"}
data.Reviews.push(review)

answered Feb 16, 2018 at 5:12

Anthony L

2,15915 silver badges25 bronze badges

1 Comment

Anthony L Over a year ago

Correct, you would put this within your loop and it will populate your Reviews object with each review in the loop. Just replace the "someId" and "someName" with the returned data.

Armin Bu · Accepted Answer · 2018-02-16 05:18:36Z

0

it seems like your data object isn't an plain object. It's an array.

So if you want to add new Reviews into an element of that array, find the element by it's key (unique identifier) and push the new Review into the elements 'Reviews' property.

const index = data.indexOf(element => element.id === id);
if (index !== -1) {
    for (let i = 0; i < total_reviews; i++) {
        data[index]['Reviews'].push({ "ID": data.from.other.sites.ID, "Name": data.from.other.sites.NAME };
    }
}

answered Feb 16, 2018 at 5:18

Armin Bu

1,3489 silver badges19 bronze badges

Comments

cjatstackoverflow · Accepted Answer · 2018-02-16 05:20:12Z

0

Please check this:

var data =  {
        SKU: 'CS4',
        Name: 'Dell Laptop Inspiron 41',
        Quantity: 1,
        ItemPrice: 121,
        "Reviews" : [
        {
            "ID": 2551,
            "Name": 'john',
        },
        {
            "ID": 255551,
            "Name": 'j5ohn',

        }]
    };
    var total_reviews = 5;
    for (i=1; i<=total_reviews; i++) {

         data.Reviews.push({ "ID": 'id_'+i, "Name": 'name_'+i })

    }
    console.log(data.Reviews);

answered Feb 16, 2018 at 5:20

cjatstackoverflow

11711 bronze badges

Collectives™ on Stack Overflow

javascript add object dynamically

5 Answers 5

Comments

3 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related