how to create a multidimensional json array

Question

var items = [{
    title: 'sample 1',
    image: 'http://www.lorempixel.com/700/600/'
}, {
    title: 'sample 2',
    image: 'http://www.lorempixel.com/900/1200/'
}, {
    title: 'sample 3',
    image: 'http://www.lorempixel.com/400/300/'
}, {
    title: 'sample 4',
    image: 'http://www.lorempixel.com/600/600/'
}, {
    title: 'sample 5',
    image: 'http://www.lorempixel.com/400/310/'
}, {
    title: 'sample 6',
    image: 'http://www.lorempixel.com/410/300/'
}, {
    title: 'sample 7',
    image: 'http://www.lorempixel.com/500/300/'
}, {
    title: 'sample 8',
    image: 'http://www.lorempixel.com/300/300/'
}, {
    title: 'sample 9',
    image: 'http://www.lorempixel.com/450/320/'
}, {
    title: 'sample 10',
    image: 'http://www.lorempixel.com/500/400/'
}];

Instead of hard coding this, I would like to create this exact same array dynamically - here is my code.

for(var key in pics) {
    var items[];
    items.push(pics[key].source);
}

I dont think this works because it just pushes the images into a standard array like this:

items = [1.jpg, 2.jpg....];

How can I accomplish this,cheers.

Amir Popovich · Accepted Answer · 2014-04-28 18:23:54Z

1

I don't know where you get the img url and i assume pics.source is the title:

var items = [];
for(var key in pics) {
    items.push({title: pics[key].source, image: <img url>});
}

answered Apr 28, 2014 at 18:23

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bobo2000 Over a year ago

Im fetching the img url remotely

Collectives™ on Stack Overflow

how to create a multidimensional json array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related