Javascript: multi-dimensional object

Question

I want to create an object, starting from something like:

var map = {};

Then, I want to add items with this function:

add = function(integerA, objectB) {
    map[objectB.type][integerA] = objectB;
}

So, this is a random example of the object structure I want to achieve:

map = {
    'SomeType' : { 0 : 'obj', 2 : 'obj', 3 : 'obj' },
    'OtherType' : { 0 : 'obj', 5 : 'obj' },
};

Now, my problem. I can't do map[objectB.type][integerA] = objectB; because map[objectB.type] is not defined. I could solve this by checking if map[objectB.type] exists through an if-statement and create map[objectB.type] = {}; when necessary.

Otherwise I could pre-load all object types. However I would prefer not to have to do this.

My question: is there a way I can create the object 'on the fly' without having to check if the type already exists every time I want to call the add function or to pre-load all the types?

It is important that my add function is so fast as possible and that the map object is correct, because I need to read and write a lot in a small amount of time (it's an animation / game application).

are you sure it will be a performance problem? if I were you, i'd try it first and see if its a problem. at the end of the day, either you will need to do the check, or the javascript engine, so the instructions will need to be processed anyway — Ant Kutschera
– Ant Kutschera, Commented Jul 10, 2011 at 20:17
this link has the answer for ur question stackoverflow.com/questions/7744611/… — Dark Prince
– Dark Prince, Commented Sep 23, 2013 at 12:01

bjornd · Accepted Answer · 2011-07-10 20:20:03Z

9

No, there is no any other way to create objects on the fly. Only check for existence every time:

add = function(integerA, objectB) {
    if (!map[objectB.type]) {
        map[objectB.type] = {};        
    }
    map[objectB.type][integerA] = objectB;
}

If you want to improve performance you might consider some caching technics.

answered Jul 10, 2011 at 20:20

bjornd

23k4 gold badges59 silver badges74 bronze badges

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

1 Comment

user8363 Over a year ago

I appreciate all answers, this one is most clear. I will choose to pre-load the types then.

Felix Kling · Accepted Answer · 2011-07-10 20:22:41Z

4

You can use the boolean OR shortcut (which avoids at least an explicit if). It might not be that readable though:

var data = map[objectB.type] || (map[objectB.type] = {});
data[integerA] = objectB;

This works because an assignment actually returns the value that was assigned and an OR expression returns the first value that evaluates to true.

I don't think using an if has any impact on the performance though (actually, the way in my answer might be even "slower").

edited Jul 10, 2011 at 20:22

answered Jul 10, 2011 at 20:16

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Comments

casablanca · Accepted Answer · 2011-07-10 20:20:33Z

3

If you use the map only for lookups and you don't need to iterate over the dimensions, you could merge your dimensions into a single key. For example:

add = function(integerA, objectB) {
    var key = objectB.type + '-' + integerA;
    map[key] = objectB;
}

answered Jul 10, 2011 at 20:20

casablanca

70.9k8 gold badges139 silver badges155 bronze badges

Collectives™ on Stack Overflow

Javascript: multi-dimensional object

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related