pushing items to object array - javascript

Question

Update: I'm trying to construct a table out of my data structure(ie section1) and then allow users to add rows to the table to insert more rows and save them to my datastructure.

I have an array newArr in the form of key value pairs. When somebody clicks a button, I want to be able to push the newArray into the Groups.I dont seem to be able to push into the Groups array. Chrome dev tools shows Groups as Objects and i'm not certain how to loop through and append to each item of the Groups Object. Feel free to modify the $scope.section1 to a different datastructure that could make it easier to push new items to it.

$scope.section1 = [{
                "id":1, "Name": "Section 1: Inventory",
                 "Groups":[
                     {"cell" : "Number", "cellValue" : "value1"}, 
                     {"cell" : "Location", "cellValue" : "value2"}, 
                     {"cell" : "Severity", "cellValue" : "value3"}
                 ],
                 "FootNotes":[
                    {"templateurl" : "components/section/templates/notes/section1.notes.html"}
                 ]  
            }]

        var newArr = {"cellValue" : "value4","cellValue" : "value5","cellValue" : "value6"}

So the output should look like

 $scope.section1 = [{
                    "id":1, "Name": "Section 1: Inventory",
                     "Groups":[
                         {"cell" : "Number", "cellValue" : "value1", "cellValue" : "value4"}, 
                         {"cell" : "Location", "cellValue" : "value2", "cellValue" : "value5"}, 
                         {"cell" : "Severity", "cellValue" : "value3", "cellValue" : "value6"}
                     ],
                     "FootNotes":[
                        {"templateurl" : "components/section/templates/notes/section1.notes.html"}
                     ]  
                }]

an object cant have two identical keys.

user400654
– user400654

2016-02-17 20:19:23 +00:00
Commented Feb 17, 2016 at 20:19 — user400654
– user400654, Commented Feb 17, 2016 at 20:19

edrian · Accepted Answer · 2016-02-17 20:19:59Z

1

You can't have two properties with the same name. You have cellValue two times for Object group. What are you trying to do?

You'd better like to change the structure itself:

...
"Groups": [
    { 
        name: "group1",
        values: ['value 1', 'value 2', 'value 3']
    }
]

Then, adding one more value to group1:

$scope.section1[0].Groups.values.push('value 4')

Note than I'm trying to respect the whole structure that you already have, but I don't meaning this is the optimal way to solve your problem

answered Feb 17, 2016 at 20:19

edrian

4,5315 gold badges34 silver badges35 bronze badges

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

Comments

gal007 · Accepted Answer · 2016-02-17 20:26:11Z

0

$scope.section1[0].Groups.push({
  "cell" : "Number", 
  "cellValue" : "value1", 
  "anotherCellValue" : "value4"
});

answered Feb 17, 2016 at 20:26

gal007

7,2409 gold badges53 silver badges74 bronze badges

Collectives™ on Stack Overflow

pushing items to object array - javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related