improve this array data model

Question

I am currently making a tiny script that tags cordenades in an array:

var paises = ['spain','australia'];
var leftX   = ['270','575'];
var topY    = ['60','220'];

When I need to access them:

clase = 'spain';
var left_ = leftX[paises.indexOf(clase)];
var top_ = topY[paises.indexOf(clase)];

This might be confusing for my workmates to update. How could I make it easier?

You got three identical answers in about 1 minute. I think your path forward is pretty clear :). — nrabinowitz
– nrabinowitz, Commented Nov 8, 2011 at 17:57

Naftali · Accepted Answer · 2011-11-08 19:49:12Z

4

var places = {
    "spain":  {
         leftx: '270',
         topY: '60'
    },
    "australia":  {
         leftx: '575',
         topY: '220'
    }
}

//Then:
clase = 'spain';
var left_ = places[clase].leftX;
var top_ = places[clase].topY;

edited Nov 8, 2011 at 19:49

answered Nov 8, 2011 at 17:49

Naftali

147k41 gold badges247 silver badges304 bronze badges

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

Comments

nrabinowitz · Accepted Answer · 2011-11-08 17:49:43Z

3

I'd do it in an object structure:

var paises = {
    spain: { leftX: 270, topY: 60 },
    // etc
}

Then it's much easier to access, and you don't have to worry about .indexOf() support (this isn't available in older IE versions):

clase = 'spain';
var left_ = paises[clase].leftX;
var top_ = paises[clase].topY;

answered Nov 8, 2011 at 17:49

nrabinowitz

55.7k10 gold badges152 silver badges169 bronze badges

Comments

Joe · Accepted Answer · 2011-11-08 17:49:47Z

3

I would use javascript objects

var paises =  { spain: {leftX: 270, topY: 60}, australia: { leftX: 575, topY: 220};

paises.spain.leftX; // 270
// or
paises["spain"].leftX; // 270
// or
paises['spain']['leftX']; // 270

So there are many options to access the data, in a conventional JavaScript manor.

answered Nov 8, 2011 at 17:49

Joe

82.9k18 gold badges130 silver badges147 bronze badges

Collectives™ on Stack Overflow

improve this array data model

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related