objetos - JavaScript Objeto de notación con variable

recorrer array de objetos javascript

Question

Mi script PHP specs.php da como resultado lo siguiente:

{
"hd": {
"dimensions": [
"1920x1080",
"1920x1080",
"1920x1080"
],
"sizes": [
"603 KB",
"265 KB",
"438 KB"
]
},
"medium": {
"dimensions": [
"800x530",
"800x530",
"800x530"
],
"sizes": [
"198 KB",
"105 KB",
"152 KB"
]
},
"status": "success"
}

Con jQuery cargo en JSON y lo asigno a specs_obj
Puedo acceder a los "tamaños" "del primer artículo" con specs_obj. medium.sizes [0]
¿Cómo puedo usar una variable en la notación de puntos?

var specs_obj;
$.post("specs.php", {},
function(data) {
if (data.status == "success") {
specs_obj = data;
writeSizes("medium");
} else {}
}, "json"
);
function writeSizes(preset) {
// test get medium dimensions from first file
var size = specs_obj. medium.sizes[0];
// var size = specs_obj.preset.sizes[0];
}

Answer 1

No puede usar una variable en la notación de puntos, pero puede usar la notación de corchetes:

var size = specs_obj[preset].sizes[0];

Si el preset contiene la cadena "medio", eso es funcionalmente idéntico a:

var size = specs_obj.medium.sizes[0];