Create sub arrays of an array : <p>What is the best and most resource efficient way to create sub-arrays of an array? I have an array of objects as follow:</p>

<pre><code>bigArray = [
    {
        id: 1,
        name: "Marc",
        age: 29
    },
    {
        id: 2,
        name: "Caroline",
        age: 27
    },
    {
        id: 3,
        name: "John",
        age: 30
    }];
</code></pre>

<p>And I would like to generate 3 sub-arrays such as</p>

<ul>
<li>ids = [1, 2, 3]</li>
<li>names = ["Marc", "Caroline", "John"]</li>
<li>ages = [29, 27, 30]</li>
</ul>

<p>I have tried with nested "for" loops and experimented it with a map() method but I'm not convinced this is the cleanest way. Especially since I may have dozens of parameters for every object (i.e. "last name, city, car...)</p>
