JSFiddle - React, Tailwind, and code Playground

by dipser

HTML

<script>
var myvar = {
 "403": {
    "3": {
        "name": "girl",
        "types": {
            "1": {
                "name": "pants",
                "sizes": [{
                    "230": "50/56        (0-2 mon)"
                }, {
                    "231": "62/68        (2-6 mon)"
                }, {
                    "232": "74/80        (6-12 mon)"
                }]
            },
            "4": {
                "name": "tshirt",
                "sizes": [{
                    "230": "50/56        (0-2 mon)"
                }, {
                    "231": "62/68        (2-6 mon)"
                }, {
                    "232": "74/80        (6-12 mon)"
               }]
            }
        }
    },
    "4": {
        "name": "boy",
        "types": {
            "1": {
                "name": "Byxor",
                "sizes": [{
                    "230": "50/56        (0-2 mon)"
                }, {
                    "231": "62/68        (2-6 mon)"
                }]
            }
        }
    }
 },
 "401": {
    "1": {
        "name": "woman",
        "types": {
            "2": {
                "name": "Jeans",
                "sizes": [{
                    "40": "25 inch"
                }, {
                    "41": "26 inch"
                }]
            },
            "1": {
                "name": "Tshirt",
                "sizes": [{
                    "60": "32    (XS)"
                }, {
                    "61": "34    (XS)"
                }, {
                    "62": "36    (S)"
                }]
            }
        }
    },
    "2": {
        "name": "Mr",
        "types": {
            "2": {
                "name": "Jeans",
                "sizes": [{
                    "43": "28 inch"
                }, {
                    "44": "29 inch"
                }]
            },
            "1": {
                "name": "Tshirt",
                "sizes": [{
                    "90": "44    (S)"
                },...

JavaScript

var secondvar = 403;
var thirdvar = 3;
var fourthvar = 1;

alert(myvar[secondvar][thirdvar]['types'][fourthvar]['name']);
alert(myvar[secondvar][thirdvar]['types'][fourthvar]['sizes']);

// Loop sizes:
var sizes = myvar[secondvar][thirdvar]['types'][fourthvar]['sizes'];
for (var a in sizes) {
    for (var b in sizes[a]) {
        alert(b + ' => ' + sizes[a][b]);
    }
}