Trying to create nested array within an Object Javascript

Question

I have created a loop, and it appears that I am unintentionally rewriting over an object property.

My code is the following:

Object.keys(existingComments1).forEach(function(key) {
    console.log(existingComments1[key]['sectionId']);
    comment.sectionId = existingComments1[key]['sectionId'];
    existingComments.push(comment);
});

[{
    "sectionId": "3",
    "comments": [
        {
            "id": 66,
            "authorAvatarUrl": "support/images/clay_davis.png",
            "authorName": "Senator Clay Davis",
            "authorId": 3,
            "comment": "These Side Comments are incredible. Sssshhhiiiiieeeee."
        }
    ]
}];

When I look into the console I have the same sectionId value over and over again. In my mind, this should work perfectly, but I think I am missing something.

Any suggestions?

Answer 1

I've inferred a few things about the environment around your code, but this fiddle works for me:

existingComments = []
existingComments1 = { foo: {sectionId: 1}, bar: {sectionId:3} }

Object.keys(existingComments1).forEach(function(key) {
  console.log(existingComments1[key]['sectionId']);
  comment = {}
  comment.sectionId = existingComments1[key]['sectionId'];
  existingComments.push(comment);
});

https://jsfiddle.net/e7z5btng/