javascript object array with multiple options

Question

I am trying to create an array with multiple object with multiple options each in Javascript.

But I seem to be going in the wrong direction. What am I doing wrong here?

var group = {[
    'object1'[
        'option1' : 'data1.1',
        'option2' : 'data1.2',
        'option3' : 'data1.3',
    ],
    'object2'[
        'option1' : 'data2.1',
        'option2' : 'data2.2',
        'option3' : 'data2.3',
    ],
    'object3'[
        'option1' : 'data3.1',
        'option2' : 'data3.2',
        'option3' : 'data3.3',
    ],
]};

Does putting a coma after the last element of an array cause a problem ? I can't see anything else wrong — tektiv, May 29 '15 at 12:17
You're creating an object with multiple arrays and you'll need `:` between your `objectX` and the array. — Samurai, May 29 '15 at 12:17

score 1 · Answer 1 · answered May 29 '15 at 12:19

This object contains 3 nested object.

var group = {
    'object1': {
        'option1': 'data1.1',
        'option2': 'data1.2',
        'option3': 'data1.3'
    },
    'object2': {
        'option1': 'data2.1',
        'option2': 'data2.2',
        'option3': 'data2.3'
    },
    'object3': {
        'option1': 'data3.1',
        'option2': 'data3.2',
        'option3': 'data3.3'
    }
};

score 0 · Accepted Answer · edited May 23 '17 at 12:14

You have to always use name : value pairs. Instead of [] use {} to define a map ([] is for arrays). Edit: I've overseen that before.

var group = {
    'object1': {
        'option1' : 'data1.1',
        'option2' : 'data1.2',
        'option3' : 'data1.3'
    },
    'object2': {
        'option1' : 'data2.1',
        'option2' : 'data2.2',
        'option3' : 'data2.3'
    },
    'object3': {
        'option1' : 'data3.1',
        'option2' : 'data3.2',
        'option3' : 'data3.3'
    }
};

Remove the last comma in each list - IE<=8 (I think) can't handle it. See Are trailing commas in arrays and objects part of the spec? for details.

score 0 · Answer 3 · edited May 29 '15 at 12:18

0

Some syntax problems. The code should be:

var group = [
    {
        option1: 'data1.1',
        option2: 'data1.2',
        option3: 'data1.3',
    },
    {
        option1: 'data2.1',
        option2: 'data2.2',
        option3: 'data2.3',
    },
    {
        option1: 'data3.1',
        option2: 'data3.2',
        option3: 'data3.3',
    }
];

edited May 29 '15 at 12:18

Saravana Kumar

3,669
5
15
35

answered May 29 '15 at 12:17

Erick Petrucelli

14,386
8
64
84

I need this array of objects to have a name for each object to loop through it and identify the correct option according to the specified object. Is it possible to have a name for each object? – gespinha May 29 '15 at 12:23

score 0 · Answer 4 · answered May 29 '15 at 12:21

You have syntax error:

var group = [
    {
        option1: 'data1.1',
        option2: 'data1.2',
        option3: 'data1.3'
    },
    {
        option1: 'data2.1',
        option2: 'data2.2',
        option3: 'data2.3'
    },
    {
        option1: 'data3.1',
        option2: 'data3.2',
        option3: 'data3.3'
    }
];

please read about creating Objects and Arrays in javascript

score 0 · Answer 5 · answered May 29 '15 at 12:22

No need to give multiple array inside. To access data1.1 use group[0].option1

var group = [
 {
    'option1' : 'data1.1',
    'option2' : 'data1.2',
    'option3' : 'data1.3',
 },
 {
    'option1' : 'data2.1',
    'option2' : 'data2.2',
    'option3' : 'data2.3',
},
{
    'option1' : 'data3.1',
    'option2' : 'data3.2',
    'option3' : 'data3.3',
},
];

javascript object array with multiple options

5 Answers5