How to populate a json array object dynamically?

Question

here is my code:

var pictures = {};

for (var key in pics) {
    //just interested in the first 3 profile pictures.
    if (i < 3){
        var view = Titanium.UI.createImageView({
            image: pics[key].source,    
            width: 'auto',    
            height: 'auto'
        });

        $.scrollableView.addView(view);

        //store in json object
        pictures['source'] = '[' + pics[key].source + ']';

        i++;
    } else {
        //break out of loop
        break;
    }
}

Ok I know in JSON to create a JSON Array the syntax is basically this:

[ { something, something 2, something 3 }],

how can I create an json array dynamically based on the code above.

pictures['source'] = '[' + pics[key].source + ']';

This only stores the last pics[key].source in the list.

Don't try to generate a JSON string manually. Create a Javascript object and use JSON.stringify() — Johan
– Johan, Commented Apr 19, 2014 at 22:34
Well, yea. Right now you're overwriting your "source" property on your pictures object, hence only getting the last value. — Johan
– Johan, Commented Apr 19, 2014 at 22:40

Johan · Accepted Answer · 2014-04-19 22:58:14Z

2

Is this what you need?

var pics = [{ source: 'foo' }, { source: 'bar' }, 
            { source: 'foo' }, { source: 'bar' }];

var pictures = pics.slice(0, 3).map(function(pic, i){
    var ret = {};
    ret[i] = pic.source;
    return ret;
});

console.log(JSON.stringify(pictures)); // [{"0":"foo"},{"1":"bar"},{"2":"foo"}]

Update based on comment:

var pics = [{ source: 'foo' }, { source: 'bar' }, 
            { source: 'foo' }, { source: 'bar' }];

var imgSources = pics.slice(0, 3).map(function(pic, i){
    return pic.source;
});

console.log({ images: imgSources }); // {"images":["foo","bar","foo"]}

http://jsfiddle.net/psMSY/

edited Apr 19, 2014 at 22:58

answered Apr 19, 2014 at 22:53

Johan

35.4k62 gold badges191 silver badges309 bronze badges

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

1 Comment

bobo2000 Over a year ago

basically that { images: [img 1, img2, img3 ]}

Amir Popovich · Accepted Answer · 2014-04-19 22:38:48Z

0

Something like this:

var pictures = [];
// your code..........


pictures.push(pics[key].source);

//more code....


var jsonStr = JSON.stringify(pictures);

JSON.stringify

answered Apr 19, 2014 at 22:38

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

3 Comments

bobo2000 Over a year ago

thanks that works, how can i create a multidimensional array, so that the json string has a key?

Amir Popovich Over a year ago

Are you talking about a dictionary? what do you need under pictures? if you are talking about a complex object then: var pictures = []; pictures.push({name:'pic1.jpg',date:'12-10-2013',takenBy:'david'}); now pictures[0] is a complex object.

bobo2000 Over a year ago

so its like { images: [img 1, img2, img3 ]}

Collectives™ on Stack Overflow

How to populate a json array object dynamically?

2 Answers 2

1 Comment

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Linked

Related