How can I fetch values from object array using jquery and javascript

Question

I have this array structure :

var $obj = {
        'sections1' : {
            'row1' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            },
            'row2' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            }
        },
        'sections2' : {
            'row3' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            },
            'row4' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            }
        }
    };

I want to fetch data from $obj->section2->row4->key2. How can I make it using jquery and javascript both.

UPDATE: I want it to print the value in a paragraph or div

<p id="array"></p>

@NinaScholz and one more thing I want to print it in a div or para — user7791702
– user7791702, Commented Jun 8, 2017 at 11:59
Also this is not an array structure, but an java script object! — xander
– xander, Commented Jun 8, 2017 at 11:59

Manish · Accepted Answer · 2017-06-08 12:02:16Z

There are different ways. The best suited would be:

Bracket Notation

var prop = object['property_name'];
Dot Notation

var prop = object.property_name;

In your case it would be

var obj = {
        'sections1' : {
            'row1' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            },
            'row2' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            }
        },
        'sections2' : {
            'row3' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            },
            'row4' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            }
        }
    };
    
    
    console.log(obj.sections2.row4.key2);//Dot notation
    console.log(obj['sections2']['row4']['key2']);//Bracket notation
    document.getElementById("array").innerHTML=obj.sections2.row4.key2;

<p id="array"></p>

For more details refer MDN Property Accessors

Hoe it helps :)

Dinesh undefined · Accepted Answer · 2017-06-08 11:59:11Z

1

In javascript use . (dot) notation to access values

var obj = {
        'sections1' : {
            'row1' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            },
            'row2' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            }
        },
        'sections2' : {
            'row3' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            },
            'row4' : {
                'key1' : 'input1',
                'key2' : 'inpu2'
            }
        }
    };
    
    
    console.log(obj.sections2.row4.key2);

answered Jun 8, 2017 at 11:59

Dinesh undefined

5,5262 gold badges22 silver badges41 bronze badges

1 Comment

user7791702 Over a year ago

Thanks you so much for your answer

Prince Gracy · Accepted Answer · 2017-06-08 12:17:39Z

1

Actually it looks quiet simple your requirement You can use the array notation or (.) dot operator

1) Array notation $obj['section2']['row4']['key2'];

2) Dot operator $obj.section2.row4.key2;

Nb: Please use array notation It would be safe in case of unknown keys if the key has a space in it

If you need it iterate through all the keys you can use for in loop

answered Jun 8, 2017 at 12:17

Prince Gracy

1214 bronze badges

Collectives™ on Stack Overflow

How can I fetch values from object array using jquery and javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related