javascript - 如何有效地创建多维 javascript 数组？

Question

我需要存储类似这样的信息：

tag_array['design1']['0'][0]['x'] = 100;
tag_array['design1']['0'][0]['y'] = 100;
tag_array['design1']['0'][0]['w'] = 710;
tag_array['design1']['0'][0]['h'] = 332;

如果它是 PHP，这将起作用，但它不适用于 javascript。

如何以正确的 javascript 语法创建相同的数组？

Answer 1

在 PHP 中，您可以这样做，因为它也会生成父元素（它实际上会引发警告）。在 JavaScript 中，它会出错，因为父元素不存在。

与其那样做，不如像这样一次完成：

var tag_array = {
    design1: {
        '0': [{
            x: 100,
            y: 100,
            w: 710,
            h: 332
        }]
    }
};

这应该给你你想要的结构。

更新：答案已更新，以反映第一个0可以是字符串的事实。

Answer 2

如果您想以编程方式执行此操作，那么因为 JavaScript 要求您具有这种类型的结构

tag_array = {};
tag_array['design1'] = {};
tag_array['design1']['0'] = [];
tag_array['design1']['0'][0] = {};
tag_array['design1']['0'][0]['x'] = 100;

您可以创建一个prototype函数来为您创建对象/数组结构

Object.defineProperty(Object.prototype, 'addDimensions', { value: function(){
    var prop = arguments[0];
    if(this[prop] !== undefined){
        if(typeof this[prop] !== 'object') throw 'Property "'+prop+'" is already defined.'
    }else{
        if(arguments.length > 1 && ~~arguments[1] === arguments[1] && arguments[1] >= 0) this[prop] = [];
        else this[prop] = {};
    }
    if(arguments.length > 1){
        this[arguments[0]].addDimensions.apply(
            this[arguments[0]],
            Array.prototype.slice.call(arguments,1)
        );
    }
    return this;
},
enumerable: false });

并在一个空对象上调用它{}

var myArrayLikeObject = ({}).addDimensions('design1','0',0); // {design1: [ [ {} ] ] }

或数组[]（仅当第一个 arg 是整数时）

var myMultiArray = [].addDimensions(0,'hi',0); // [ {hi: [ {} ] } ]

或在现有数组或对象上

var a = [0,1,2];
a.addDimensions(3,0); // a = [0, 1, 2, [ {} ] ]