title: How to map through Object inside Array inside Object inside Array
body: <p>I have the following Array and want to access a nested element. How do I do that?</p>
  <pre class="lang-js prettyprint-override"><code>var productionSteps = [
    0: {
      displayName: &quot;...&quot;
      final: ...
      generateQRCode: ...
      inputs: [
        0: {
          &quot;asset&quot;:&quot;ValueAsset&quot;, &quot;amount&quot;:1000
        },
        1: {...},
        2: {...},
        3: {...},
      ]
      
    },
    1: {...},
    2: {...},
    3: {...}
  ]
  </code></pre>
  <p>I want to map through the &quot;asset&quot; inside of the input for every element of the parent Array. Therefore I want my console.log to return &quot;ValueAsset&quot;, ... and so on.</p>
  <p>I have tried this the following way but only reach a specific Input Array, but I want to map through all of them.</p>
  <pre class="lang-js prettyprint-override"><code>{Object.values(productionSteps).map((value: any, index) =&gt; {
          return (
            console.log(JSON.stringify(value.inputs[0]
            ))
          );
        })}
  </code></pre>
  <p>How would I map through the input Array to console log all of the &quot;asset&quot;?</p>