Como llenar un Array de forma dinámica?

[DevCH]

lo que quiero hacer es lo siguiente:

Código:

var data = {
             '1.jpg': { caption: 'Volcano Asención in Ometepe,
Nicaragua.' },
             '2.jpg': { caption: 'A Ceibu tree.' },
             '3.jpg': { caption: 'The view from Volcano Maderas.' },
             '4.jpg': { caption: 'Beer and ice cream.' },
             '5.jpg': { caption: 'Volcano Asención in Ometepe,
Nicaragua.' },
             '6.jpg': { caption: 'A Ceibu tree.' },
             '7.jpg': { caption: 'The view from Volcano Maderas.' },
             '8.jpg': { caption: 'Beer and ice cream. Esto está muy bien, es
una buena herramienta, que espero les guste a todos, Aquí se las dejo,
disfrutenla.' }
           };

del siguiente codigo, lo que quiero hacer es esto

var data = {}

data.push('1.jpg': { caption: 'Texto 1.' });
data.push('2.jpg': { caption: 'Texto 2' });

Al hacerlo con un for me quedarìa asì mas o menos

var x = [];
var y = [];

Código:

var data = {}

data.push(x[0]: { caption: y[0] });
data.push(x[1]: { caption: y[1] });

es como si fuera una colecciòn de arrays

espero haberme dado a entender...

saludos