在javascript中创建具有自定义结构的对象

Question

I need to create an array object with this exact structure:

{"item1": {
    0 :  {
        color:"description1",
        width:"description2",
        height:"description3"
    }
    1 :  {
        color:"description1",
        width:"description2",
        height:"description3"
    }
    //and so on
},
"item2": {
    0 :  {
        color:"description1",
        width:"description2",
        height:"description3"
    }
    //and so on
}
//and so on
}

Estatically works fine. Now, I want to make it dinamically. So, the main question is... How can I loop the data while constructing the object at the same time? This is an example of the incoming object I work from:

[
{
    "uid": 1,
    "legendname": "item1",
    "rows": [
        {
            "uid": 0,
            "color": "482400",
            "width": "482400",
            "height": "25"
        },
        {
            "uid": 1,
            "color": "587898",
            "width": "789658",
            "height": "30"
        }
    ]
}
{
    "uid": 2,
    "legendname": "item2",
    "rows": [
        {
            "uid": 0,
            "color": "482400",
            "width": "482400",
            "height": "25"
        }
    ]
}
]

Answer 1

How can I loop the data while constructing the object at the same time?

Is not clear. But if you want to create a new structure based on the incoming one, you can use this:

// ar = your incoming object
// b_obj = your result

var b_obj = {}
for (var i = 0; i < ar.length; i++)
{
    item = ar[i];
    b_item = {};
    for (var i_row = 0; i_row < item.rows.length; i_row++)
    {
        var row = {};
        row.color = item.rows[i_row].color;
        row.width = item.rows[i_row].width;
        row.height = item.rows[i_row].height;
        b_item[i_row] = row;
    }
    b_obj[item.legendname] = b_item;
}