改进这个数组数据模型

Question

我目前正在制作一个小脚本，用于标记数组中的cordenades：

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

当我需要访问它们时：

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

这可能会让我的同事更新感到困惑。我怎样才能让它变得更容易？

Answer 1

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;

Answer 2

我会在对象结构中完成它：

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

然后它更容易访问，并且您不必担心 .indexOf() 支持（这在旧版 IE 版本中不可用）：

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

Answer 3

我会使用 javascript 对象

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

因此，在传统的 JavaScript 庄园中，有很多选项可以访问数据。