title: Push array into array methodical (with map)
body: <p>I have an array that I successfully map, creating new arrays. Now I would like to create a master one containing all smaller arrays. I understand you can push it in. But is there a better (less code) way to do it?</p>
  
  <p>Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> obj = {
        data: [ 
          {
            temp: 1,
            air: 2,
            cloud: 3
          },
          {
            temp: 100,
            air: 101,
            cloud: 102
          }
        ]
      };
      
  /*
      var temp = obj.data.map(a =&gt; a.temp); // middle step
      var air = obj.data.map(a =&gt; a.air); // middle step
          
      var OneArrayToRuleThemAll = [];
      OneArrayToRuleThemAll.push(temp,air);
      
      console.log(OneArrayToRuleThemAll);
  */
  
  // It may be easier for you to understand, when I simply comment out half of the // code and get straight to expected result.</code></pre>
  </div>
  </div>
  </p>
  
  <p>Expected result: a new array that will contain: </p>
  
  <pre><code>[
    [
      1,
      100
    ],
    [
      2,
      101
    ]
  ]
  </code></pre>
  
  <p>In other words: can I somehow map/ loop through main obj and <strong>create OneArrayToRuleThemAll without middle steps</strong>?</p>
  
  <p><strong>My expected outcome is supposed to be the same as OneArrayToRuleThemAll - achieved without middle steps.</strong></p>
  
  <p>Thanks </p>