如何创建一个数组数组并将数据填充到JavaScript中？

Question

I want to create an array from user input. I dont know the details of input, so basically I just need to define, initialize and populate the array with input data, so that I can do further actions later.

example array could look something like this:

var input = ["1" : ["0": "Apple",
                    "1": "Orange"],
             "2" : ["0", "Cat",
                    "1", "Dog"],
             "4" : ["0", "Coffee"]
        ];

Now, I dont know how to define, initialize and populate it, as this is not working:

    var input = [[]];
    $('.input').each(function(index, element) {
        var element_id = this.id;
        var element_value = $.trim(this.value);
        input[element_id][index] = element_value;
    });

Any javascript experts who could help?

Answer 1

Change your code to

var input = {};
$('.input').each(function(index, element) {
    var element_id = this.id;
    var element_value = $.trim(this.value);
    (input[element_id]||(input[element_id]={}))[index] = element_value;
});

You'll get something like

    {"1" : {"0": "Apple",
                "1": "Orange"},
         "2" : {"0", "Cat",
                "1", "Dog"},
         "4" : {"0", "Coffee"}
    };

which isn't arrays inside arrays but maps inside maps, which seems to be more indicated for you.

Now, suppose you really want arrays, then instead of strings as keys you need to have integers. Then you may do

var input = [];
$('.input').each(function(index, element) {
    var element_id = parseInt(this.id,10);
    var element_value = parseInt($.trim(this.value),10);
    (input[element_id]||(input[element_id]=[]))[index] = element_value;
});