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];