Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Thought this was a fun little question, so I did it... but, I do agree with the people who asked "what have you tried so far". Typically, you should talk about a <em>specific</em> problem. </p> <pre><code>// Groups a flat array into a tree. // "data" is the flat array. // "keys" is an array of properties to group on. function groupBy(data, keys) { if (keys.length == 0) return data; // The current key to perform the grouping on: var key = keys[0]; // Loop through the data and construct buckets for // all of the unique keys: var groups = {}; for (var i = 0; i &lt; data.length; i++) { var row = data[i]; var groupValue = row[key]; if (groups[groupValue] == undefined) { groups[groupValue] = new Array(); } groups[groupValue].push(row); } // Remove the first element from the groups array: keys.reverse(); keys.pop() keys.reverse(); // If there are no more keys left, we're done: if (keys.length == 0) return groups; // Otherwise, handle further groupings: for (var group in groups) { groups[group] = groupBy(groups[group], keys.slice()); } return groups; } </code></pre> <p>Call the method like this: </p> <pre><code>var groupedData = groupBy(data, ["city","description","department"]); </code></pre> <p>The output from this method for your data looks like this: </p> <pre><code>{ "Toronto": { "Programmer": { "Finance": [ { "id": "1", "first_name": "Jason", "last_name": "Martin", "start_date": "1996-07-25", "end_date": "2006-07-25", "salary": "1234.56", "city": "Toronto", "description": "Programmer", "department": "Finance", "active": "1" } ] } }, "Vancouver": { "Tester": { "Finance": [ { "id": "2", "first_name": "Alison", "last_name": "Mathews", "start_date": "1976-03-21", "end_date": "1986-02-21", "salary": "6661.78", "city": "Vancouver", "description": "Tester", "department": "Finance", "active": "1" } ], "QA": [ { "id": "3", "first_name": "James", "last_name": "Smith", "start_date": "1978-12-12", "end_date": "1990-03-15", "salary": "6544.78", "city": "Vancouver", "description": "Tester", "department": "QA", "active": "1" } ], "IT": [ { "id": "5", "first_name": "Robert", "last_name": "Black", "start_date": "1984-01-15", "end_date": "1998-08-08", "salary": "2334.78", "city": "Vancouver", "description": "Tester", "department": "IT", "active": "1" } ] }, "Manager": { "HR": [ { "id": "4", "first_name": "Celia", "last_name": "Rice", "start_date": "1982-10-24", "end_date": "1999-04-21", "salary": "2344.78", "city": "Vancouver", "description": "Manager", "department": "HR", "active": "1" } ] } }, "New York": { "Tester": { "QA": [ { "id": "6", "first_name": "Linda", "last_name": "Green", "start_date": "1987-07-30", "end_date": "1996-01-04", "salary": "4322.78", "city": "New York", "description": "Tester", "department": "QA", "active": "1" } ] }, "Manager": { "HR": [ { "id": "7", "first_name": "David", "last_name": "Larry", "start_date": "1990-12-31", "end_date": "1998-02-12", "salary": "7897.78", "city": "New York", "description": "Manager", "department": "HR", "active": "1" } ] } } } </code></pre> <p>Because the groups are all javascript objects, you don't need that "count" member. You can simply use the .length property of the array(s). </p> <p>Loop through the groups using javascript's <code>for (var group in groups)</code> syntax.</p>
    singulars
    1. This table or related slice is empty.
    1. POConvert flat array of objects into nested array of objects
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USSteve
    1. USSteve
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POConvert flat array of objects into nested array of objects
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThat was really helpful, thank you.
      singulars
      1. PO
      1. USWeaponX86
    2. COA nice solution, saving for later.
      singulars
      1. PO
      1. USOisin Lavery
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload