JavaScript Object property always returns undefined

Question

Tell me what I am missing here. I have the follow javascript object.

[ { id: '16B0C2FC-A008-4E8A-849B-DB1251C8CABD',
    handle: '123',
    userId: 'ABC123'} ]

When I do the following

success: function (registration) {
                console.log(registration);
                console.log(registration.handle);

Console log writes out the object as defined above. However when I do registration.handle I get an error saying "undefined." If registration is the above object why does registration.handle not work?

what am I missing?

In addition to the answers, you might also have to parse the response, with `JSON.parse`. — Felix Kling, Dec 21 '13 at 07:23
This question appears to be off-topic because it is too specific to a single code base. — jprofitt, Dec 21 '13 at 07:23

score 4 · Accepted Answer · answered Dec 21 '13 at 07:20

4

You have an array containing an object. The properties you are trying to access are members of the object, not the array.

You must first get a reference to the object before you access its properties.

registration[0].handle

answered Dec 21 '13 at 07:20

Quentin

914,110
126
1,211
1,335

Thanks!! Should have seen that. To late and been looking at it for to long. – ToddB Dec 21 '13 at 07:31

score 1 · Answer 2 · answered Dec 21 '13 at 07:22

1

Try this

var registration=[ { id: '16B0C2FC-A008-4E8A-849B-DB1251C8CABD', handle: '123', userId: 'ABC123'} ]

alert(registration[0].handle)

DEMO

answered Dec 21 '13 at 07:22

Sridhar R

20,190
6
38
35

score 1 · Answer 3 · answered Dec 21 '13 at 07:24

You are accessing the member of an object.

Do it like this way

success: function(registration) {
        $.each(registration, function(index, data) {
            var handle = data.handle;
            console.log('id is getting now ' + handle);
        });
    }

score 1 · Answer 4 · answered Dec 21 '13 at 07:24

1

Yes you first need to access array element then you can find object

console.log(registration[0].handle);

answered Dec 21 '13 at 07:24

deepak

346
1
5

score 0 · Answer 5 · answered Dec 21 '13 at 07:23

it is because you are having array so to access it try

  registration[0].handle

EXAMPLE

CASE 1

registration =  [ { id: '16B0C2FC-A008-4E8A-849B-DB1251C8CABD', handle: '123', userId: 'ABC123'} ];
console.log(registration[0].handle);

CASE 2

registration = { id: '16B0C2FC-A008-4E8A-849B-DB1251C8CABD', handle: '123', userId: 'ABC123'};
console.log(registration.handle);

JavaScript Object property always returns undefined

5 Answers5

Linked