title: How can I loop through JSON file?
body: <p>I have a JSON file:</p>
  
  <pre><code>{
      "stats": {
          "operators": {
              "recruit1": {
                  "won": 100,
                  "lost": 50,
                  "timePlayed": 1000
              },
              "recruit2": {
                  "won": 200,
                  "lost": 100,
                  "timePlayed": 2000
              },
              "recruit3": {
                  "won": 50,
                  "lost": 10,
                  "timePlayed": 500
              }
          },
          "modes": {
              "secure": {
                  "won": 80,
                  "lost": 40,
                  "bestScore": 7582
              },
              "bomb": {
                  "won": 12,
                  "lost": 18,
                  "bestScore": 4500
              }
          }
      }
  }
  </code></pre>
  
  <p>And I want to display it in a table : 
  <img src="https://i.stack.imgur.com/BJkoq.jpg" alt="like this">.</p>
  
  <p><strong>I have tried to use for in loop but I only got names without their values.</strong></p>