Javascript: How to create an array of object literals in a loop

Question

Hi,

I need to create an array of object literals like this:

var myColumnDefs = [
    {key:"label", sortable:true, resizeable:true},
    {key:"notes", sortable:true,resizeable:true},......

In a loop like this:

 for ( var i=0 ; i < oFullResponse.results.length; i++) {

 console.log(oFullResponse.results[i].label);

 }

The value of 'key' should be results[i].label in each element of the array.

thanks,

codecowboy.

Answer 1

var arr = [];
var len = oFullResponse.results.length;
for (var i = 0; i < len; i++) {
    var obj = {
        key: oFullResponse.results[i].label,
        sortable: true,
        resizeable: true
    };
    arr.push(obj);
}

Answer 2

I'd create the array and then append the object literals to it.

var myColumnDefs = [];

for ( var i=0 ; i < oFullResponse.results.length; i++) {

    console.log(oFullResponse.results[i].label);
    myColumnDefs[myColumnDefs.length] = {key:oFullResponse.results[i].label, sortable:true, resizeable:true};
}

Answer 3

var myColumnDefs = new Array();

for (var i = 0; i < oFullResponse.results.length; i++) {
    myColumnDefs.push({key:oFullResponse.results[i].label, sortable:true, resizeable:true});
}

Answer 4

RaYell's answer is good - it answers your question.

It seems to me though that you should really be creating an object keyed by labels with sub-objects as values:

var columns = {};
for (var i = 0; i < oFullResponse.results.length; i++) {
    var key = oFullResponse.results[i].label
    columns[key] = {
        sortable: true,
        resizeable: true
    };
}

// Now you can access column info like this. 
columns['notes'].resizeable;

The above approach should be much faster and idiomatic than searching the entire object array for a key for each access.