Add element to array associative arrays

Question

All examples of adding new elements to associative arrays are going the "easy" way and just have a one dimensional array - my problem of understanding is having arrays within arrays (or is it objects in arrays?).

I have the following array:

var test = [
            {
                value: "FirstVal",
                label: "My Label 1"
            },
            {
                value: "SecondVal",
                label: "My Label 2"
            }
           ];

Two questions: How to generate this array of associative arrays (yes... object) from scratch? How to add a new element to an existing array?

Thanks for helping me understand javascript.

This might be useful: Javascript: Adding to an associative array — jabclab
– jabclab, Commented Dec 19, 2011 at 14:15
Bad wording... "from scratch" simply meaning - new. Basically it is the same as starting with an empty array and adding elements to it - your replies already answer this :-) — Dennis G
– Dennis G, Commented Dec 19, 2011 at 14:18

James Montagne · Accepted Answer · 2011-12-19 14:15:28Z

10

I'm not exactly sure what you mean by "from scratch", but this would work:

var test = [];  // new array

test.push({
                value: "FirstVal",
                label: "My Label 1"
            });  // add a new object

test.push({
                value: "SecondVal",
                label: "My Label 2"
            });  // add a new object

Though the syntax you posted is a perfectly valid way of creating it "from scratch".

And adding a new element would work the same way test.push({..something...});.

answered Dec 19, 2011 at 14:15

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

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

Comments

SLaks · Accepted Answer · 2011-12-19 14:14:14Z

4

This is an array of objects.

You can put more objects in it by calling test.push({ ... })

answered Dec 19, 2011 at 14:14

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

2 Comments

Dennis G Over a year ago

"array of objects" - thanks for clarifying! Basically non-named objects, because of the {}?

SLaks Over a year ago

@moontear: There is no such thing as a "named object".

Diode · Accepted Answer · 2011-12-19 14:24:28Z

2

var items = [{name:"name1", data:"data1"}, 
             {name:"name2", data:"data2"}, 
             {name:"name3", data:"data3"}, 
             {name:"name4", data:"data4"}, 
             {name:"name5", data:"data5"}]

var test = [];

for(var i = 0; i < items.length; i++){
    var item = {};
    item.label = items[i].name;
    item.value = items[i].data;
    test.push(item);
}

makes test equal to

[{label:"name1", value:"data1"}, 
 {label:"name2", value:"data2"}, 
 {label:"name3", value:"data3"}, 
 {label:"name4", value:"data4"}, 
 {label:"name5", value:"data5"}]

answered Dec 19, 2011 at 14:24

Diode

25.2k8 gold badges43 silver badges52 bronze badges

Comments

Rob W · Accepted Answer · 2011-12-19 14:25:41Z

1

From scratch, the following lines will create an populate an array with objects, using the Array.prototype.push method:

var test = [];          // Create an array
var obj = {};           // Create an object
obj.value = "FirstVal"; // Add values, etc.
test.push(obj);

edited Dec 19, 2011 at 14:25

answered Dec 19, 2011 at 14:14

Rob W

350k87 gold badges811 silver badges683 bronze badges

1 Comment

mplungjan Over a year ago

Please fix your script to use newobj too

Collectives™ on Stack Overflow

Add element to array associative arrays

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related