Il modo migliore per convertire la matrice di oggetti in Object?

Question

Ho bisogno di convertire la matrice di oggetti in oggetto. Ho fatto con la logica sottostante. C'è un modo migliore per gestire questo?

Fiddler Version

var before = [{ 
 
    "x": ["2015-10-14T01:59:59.999+05:30", "2015-10-14T03:59:59.998+05:30", "2015-10-14T05:59:59.997+05:30", "2015-10-14T07:59:59.996+05:30", "2015-10-14T09:59:59.995+05:30", "2015-10-14T11:59:59.994+05:30", "2015-10-14T13:59:59.993+05:30", "2015-10-14T15:59:59.992+05:30", "2015-10-14T17:59:59.991+05:30", "2015-10-14T19:59:59.990+05:30", "2015-10-14T21:59:59.989+05:30", "2015-10-14T23:59:59.988+05:30"] 
 
}, { 
 
    "CleanCoal": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "Middelings": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "Prime": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "SpiralProd": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}]; 
 

 
var after = {}; 
 

 
for (var i = 0; i < before.length; i++) { 
 
    var keys = Object.keys(before[i]); 
 

 
    after[keys] = before[i][keys]; 
 
} 
 

 
console.log(after) 
 
document.writeln(JSON.stringify(after))

Answer 1

È possibile utilizzare forEach per iterare su un array, e si è dimenticato di iterare l'array nidificato se ci sono più elementi all'interno di un oggetto.

Quindi, il codice in questione non funzionerà per

var arr = [{'a': 'b', 'c': 'd'}]; 

Demo

var before = [{ 
 
    "x": ["2015-10-14T01:59:59.999+05:30", "2015-10-14T03:59:59.998+05:30", "2015-10-14T05:59:59.997+05:30", "2015-10-14T07:59:59.996+05:30", "2015-10-14T09:59:59.995+05:30", "2015-10-14T11:59:59.994+05:30", "2015-10-14T13:59:59.993+05:30", "2015-10-14T15:59:59.992+05:30", "2015-10-14T17:59:59.991+05:30", "2015-10-14T19:59:59.990+05:30", "2015-10-14T21:59:59.989+05:30", "2015-10-14T23:59:59.988+05:30"] 
 
}, { 
 
    "CleanCoal": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "Middelings": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "Prime": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "SpiralProd": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}]; 
 

 
var after = {}; 
 

 
before.forEach(function(obj) { 
 
    // obj here is the element of the array, i.e. object 
 

 
    // Looping over all the keys of the object 
 
    Object.keys(obj).forEach(function(key) { 
 
    // key here is the key of the object 
 
    after[key] = obj[key]; 
 
    }); 
 
}); 
 

 
console.log(after); 
 
document.writeln('<pre>' + JSON.stringify(after, 0, 2) + '</pre>');

Answer 2

Usiamo il meglio della programmazione funzionale in JavaScript:

Usando reduce non abbiamo bisogno di aggiungere variabili temporanee per l'ambito esterno.

for (var i in obj) è generalmente più veloce di Obj.keys(obj).forEach: https://jsperf.com/for-in-versus-object-keys-foreach

var before = [{ 
 
    "x": ["2015-10-14T01:59:59.999+05:30", "2015-10-14T03:59:59.998+05:30", "2015-10-14T05:59:59.997+05:30", "2015-10-14T07:59:59.996+05:30", "2015-10-14T09:59:59.995+05:30", "2015-10-14T11:59:59.994+05:30", "2015-10-14T13:59:59.993+05:30", "2015-10-14T15:59:59.992+05:30", "2015-10-14T17:59:59.991+05:30", "2015-10-14T19:59:59.990+05:30", "2015-10-14T21:59:59.989+05:30", "2015-10-14T23:59:59.988+05:30"] 
 
}, { 
 
    "CleanCoal": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "Middelings": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "Prime": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "SpiralProd": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}]; 
 
var after = before.reduce(function(dst, src){ 
 
    // import every key: val in src into dst 
 
    // and keep doing it for every element in the array. 
 
    for (var key in src) 
 
    if ({}.hasOwnProperty.call(src, key)) 
 
     dst[key] = src[key]; 
 
    return dst; 
 
}, {}); // start with an empty object to avoid modifying items in before array. 
 

 
document.writeln("<pre>" + JSON.stringify(after, null, 4) + "</pre>")

Answer 3

Come su Object.assign?

var before = [{ 
 
    "x": ["2015-10-14T01:59:59.999+05:30", "2015-10-14T03:59:59.998+05:30", "2015-10-14T05:59:59.997+05:30", "2015-10-14T07:59:59.996+05:30", "2015-10-14T09:59:59.995+05:30", "2015-10-14T11:59:59.994+05:30", "2015-10-14T13:59:59.993+05:30", "2015-10-14T15:59:59.992+05:30", "2015-10-14T17:59:59.991+05:30", "2015-10-14T19:59:59.990+05:30", "2015-10-14T21:59:59.989+05:30", "2015-10-14T23:59:59.988+05:30"] 
 
}, { 
 
    "CleanCoal": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "Middelings": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "Prime": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}, { 
 
    "SpiralProd": ["0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00", "0.00"] 
 
}]; 
 

 
var after = {}; 
 

 
before.map(function(i){ 
 
    return Object.assign(after,i); 
 
}) 
 

 

 
console.log(after) 
 
document.writeln(JSON.stringify(after))

Answer 4

In browser più recenti [ECMAScript 5], abbiamo reduce che restituisce un oggetto

prova sotto

var before = [{"x":["2015-10-14T01:59:59.999+05:30","2015-10-14T03:59:59.998+05:30","2015-10-14T05:59:59.997+05:30","2015-10-14T07:59:59.996+05:30","2015-10-14T09:59:59.995+05:30","2015-10-14T11:59:59.994+05:30","2015-10-14T13:59:59.993+05:30","2015-10-14T15:59:59.992+05:30","2015-10-14T17:59:59.991+05:30","2015-10-14T19:59:59.990+05:30","2015-10-14T21:59:59.989+05:30","2015-10-14T23:59:59.988+05:30"]},{"CleanCoal":["0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00"]},{"Middelings":["0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00"]},{"Prime":["0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00"]},{"SpiralProd":["0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00","0.00"]}]; 
 

 

 
var object = before.reduce(function(o, v, i) { 
 
    o[i] = v; 
 
    return o; 
 
}, {}); 
 

 
console.log(object);

Fiddle qui http://jsfiddle.net/pscytrgj/

Answer 5

È possibile farlo attraverso JSON.stringify()

var before = [{ 
 
    "x": ["1", "2"], 
 
    y: { 
 
    a: 3 
 
    } 
 
}, { 
 
    "CleanCoal": ["0.00", "0.00"], 
 
    b: 4 
 
}, { 
 
    "Middelings": ["0.00", "0.00"] 
 
}, { 
 
    "Prime": ["0.00", "0.00", "0.00"] 
 
}, { 
 
    "SpiralProd": ["0.00", "0.00", "0.00"] 
 
}]; 
 

 
var after = {}; 
 
var b = "", 
 
    i = -1; 
 
while (before[++i]) { 
 
    var str = JSON.stringify(before[i]); 
 
    b += str.slice(1, str.length - 1); 
 
    if (before[i + 1]) b += ","; 
 
} 
 
after = JSON.parse("{" + b + "}"); 
 
console.log(after); 
 
document.write("<pre>" + JSON.stringify(after, 0, 3) + "</pre>")