Come creare un array di oggetti letterali in un ciclo?

Question

Ho bisogno di creare una serie di valori letterali oggetto come questo:

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

In un ciclo come questo:

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

Il valore di key dovrebbe essere results[i].label in ciascun elemento della matrice.

Answer 1

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

Answer 2

La risposta di RaYell è buono -. Risponde alla tua domanda

Mi sembra però che si dovrebbe davvero essere la creazione di un oggetto digitato da etichette con sub-oggetti come valori:

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;

L'approccio di cui sopra dovrebbe essere molto più veloce e idiomatica che cercare l'intero array oggetto per una chiave per ogni accesso.

Answer 3

Questo è ciò che Array # map sono bravi a

var arr = oFullResponse.results.map(obj => ({
    key: obj.label,
    sortable: true,
    resizeable: true
}))

Answer 4

Nella stessa idea di Nick Riggs, ma creo un costruttore, e una spinta di un nuovo oggetto nella matrice usandolo. Si evita la ripetizione delle chiavi della 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 5

Questo funziona:

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

Answer 6

Si può fare qualcosa di simile in ES6.

new Array(10).fill().map((e,i) => {
   return {idx: i}
});

Answer 7

Mi piacerebbe creare l'array e quindi aggiungere i letterali oggetto ad esso.

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 8

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 9

Se si vuole andare ancora oltre @tetra con ES6 è possibile utilizzare il cosiddetto " Oggetto diffusione sintassi " e fare qualcosa di simile a questo:

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

let people = new Array(10).fill().map((e, i) => {

    return {
        ...john,
        id: i
    }
});