Comment créer un tableau d'objets littéraux dans une boucle ?

Question

J'ai besoin de créer un tableau d'objets littéraux comme ceci :

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

Dans une boucle comme celle-ci :

for (var i = 0; i < oFullResponse.results.length; i++) {
    console.log(oFullResponse.results[i].label);
}

La valeur de key devrait être results[i].label dans chaque élément du tableau.

Answer 1

Dans la même idée que Nick Riggs mais je crée un constructeur, et je pousse un nouvel objet dans le tableau en l'utilisant. Cela évite la répétition des clés de la classe :

var arr = [];
var columnDefs = function(key, sortable, resizeable){
    this.key = key; 
    this.sortable = sortable; 
    this.resizeable = resizeable;
    };

for (var i = 0; i < len; i++) {
    arr.push((new columnDefs(oFullResponse.results[i].label,true,true)));
}

Answer 2

Si vous voulez aller encore plus loin que @tetra avec ES6, vous pouvez utiliser la fonction Syntaxe d'étalement des objets et faire quelque chose comme ça :

const john = {
    firstName: "John",
    lastName: "Doe",
};

const people = new Array(10).fill().map((e, i) => {(...john, id: i});

Answer 3

Je créerais le tableau, puis j'y ajouterais les éléments littéraux de l'objet.

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 4

var myColumnDefs = new Array();

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