llenar arreglo con contenido tipo JSON

[zyon]

hola, como puedo llenar un arreglo de la siguiente forma:

Código HTML:

[
    {
        caption: 'desert.jpg', 
        width: '120px', 
        url: 'http://localhost/avatar/delete', // server delete action 
        key: 100, 
        extra: {id: 100}
    },
    {
        caption: 'jellyfish.jpg', 
        width: '120px', 
        url: 'http://localhost/avatar/delete', // server delete action 
        key: 101, 
        extra: function() { 
            return {id: $('#id').val()};
        },
    }
]

Tengo un ciclo, que en realidad es un each que recorre un XML que contiene los datos q necesito por archivo, tengo este código, pero no logro llenarlo correctamente cuando es más de un elemento.

Código HTML:

$(this).find('fichero').each(function () {
                        
                        preInitialPreviewConfig.push([{
                            caption: $(this).find('caption').text(),
                            url: $(this).find('url').text(),
                            size: $(this).find('size').text()
                        }]);
});

Espero puedan ayudarme, o decirme q tipo de arreglo es, yo creo q es un bidimencional, pero no logro llenarlo como quiero.

Tiene forma de JSON, pero no es un objeto JSON.