title: JSON Object Array of Properties
body: <p>I've been trying to figure out this particular object for quite a while and it's frustrating me endlessly so I was hoping to get it resolved here.</p>
  
  <p>I have an object that looks like this:</p>
  
  <pre><code>options = {
      headers: {
          rows: [
              cols = {
                  text: "Blah",
                  span: 12,
                  color: "#FFF"
              }
          ],
          [
              cols = {
                  text: "Blah2",
                  span: 8,
                  color: "#FFF"
              }
              cols = {
                  text: "Blah2",
                  span: 4,
                  color: "#FFF"
              }
          ]
      }
  }
  </code></pre>
  
  <p>With the intended result being an object that can be used to populate header rows above a table using a combination of the text, span, and color properties (with a few additions for later) to customize styling it properly. </p>
  
  <p>I'm going for:</p>
  
  <pre><code>var text = options.headers.rows[x].cols[y].text;
  </code></pre>
  
  <p>Such that a nested loop can generate out the headers. Any help is appreciated!</p>