JSFiddle - React, Tailwind, and code Playground

by I159

HTML

<div class='ins'></div>

JavaScript

var food = {
    "fruit": {
        "apples": {
            "redApples": 20,
            "greenApples": 30
        },
        "bananas": {
            "yellowBananas": 10
        }
    },
    "grains": {
        "bread": {
            "brownBread": 50
        }
    }
};


function recursiveIter(obj){
    for (i in obj){
        if (typeof obj[i]=="object"){
            recursiveIter(obj[i]);
        }
        else {
            $('.ins').append(obj[i]);            
        }
    }
}

recursiveIter(food);