How to access properties of an object nested within another object in Jquery?

Question

I have been trying this for a while now and can't get it to work.

I'm creating an object:

(function( $, window) { 

    $.widget("mobile.multiview",$.mobile.widget, {

        options: {  
            siteMap: []
            }
        });
 }) (jQuery,this);

And fill it with a string and an event data object like so:

var _mainEventBindings = function () {
    var self = this;

    $(document).on("some-event", function(e, data) {
       self.options.siteMap.push( { type: "external", data: data } );
       });
 }

This works ok. I now have to check the stored event data.toPage property in a loop to see if the string stored there is matching the current string, so I don't add stuff twice.

However I can't get it to work like this:

var j = self.options.siteMap.length;
if (j == 0 ){
    alert("added entry");
    self.options.siteMap.push( { type: "external", data: data } );
    } else {
        for ( i = 0; i <= j; i++) {
            console.log("run "+i);
            console.log( self.options.siteMap);
            console.log( self.options.siteMap[i]);
            if ( data.toPage != self.options.siteMap[i]['data.toPage'] ){
                self.options.siteMap.push( { type: "external", data: data } );
                }
            }
        }

So basically I want to make sure I only have "unique" records in my object. However the above does not work because I cannot seem to access what's stored in the object like I'm doing it. Firebug does not even bother to show an error or a console...

Question:
How can I access the sitemap object's 2nd parameter object's parameters...?

Thanks for help!

this line var self.options.siteMap = []; looks invalid. you can't declare deep object like that. — gdoron
– gdoron, Commented May 24, 2012 at 9:04
Maybe you should remove = from the comparison in for loop: for (var i = 0; i < j; i++). — VisioN
– VisioN, Commented May 24, 2012 at 9:05
Make sure you add var to the declaration of i in the for loop; otherwise you are creating a global. — Sean Mickey
– Sean Mickey, Commented May 24, 2012 at 9:15

VisioN · Accepted Answer · 2012-05-24 09:20:23Z

1

As it was stated in the comments, you should remove equal sign = from the comparison in your for loop:

for (var i = 0; i < j; i++) {
   ...
}

Since otherwise your loop goes out of bounds.

answered May 24, 2012 at 9:20

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

1 Comment

frequent Over a year ago

THANKS! That was the problem.

user235273 · Accepted Answer · 2012-05-24 09:17:21Z

0

Using self is not a good idea, since it adds to window. Here is an example for what you are trying to achieve.

var s = {},  //create an empty object
    i, siteMap;
s.options = {};
s.options.siteMap = []; //our array

//let's add some data to siteMap array
s.options.siteMap = [{'type': "external0", 'data': 'data0'}, {'type': "external1", 'data': 'data1'}, {'type': "external2", 'data': 'data2'}];

//get the siteMap's properties' property
siteMap = s.options.siteMap;
for (i in siteMap) {
  console.log(siteMap[i].type);  //will print external0, external1 etc.
}

answered May 24, 2012 at 9:17

user235273

2 Comments

frequent Over a year ago

hm. I'm declaring self inside each of my plugin functions. See above edit. Still a problem?

frequent Over a year ago

Now you got me thinking... my plugin is sort of a widget, so I'm declaring options right at the get go and then call them from the individual functions using self.options AFTER declaring var self = this, so actually I could skip the "self" and use "this". Doesn't make a real difference to me. Or does it? (a little off topic...)

Collectives™ on Stack Overflow

How to access properties of an object nested within another object in Jquery?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related