JavaScript: DHTML Insertion Sort
JavaScript: DHTML Insertion Sort
This page demonstrates the Insertion Sort algorithm.
| id | colour | random |
|---|---|---|
| 1 | orange | 212 |
| 2 | purple | 214 |
| 3 | blue | 139 |
| 4 | green | 648 |
| 5 | blue | 715 |
| 6 | blue | 976 |
| 7 | red | 816 |
| 8 | blue | 210 |
| 9 | red | 28 |
| 10 | yellow | 956 |
| 11 | yellow | 489 |
| 12 | yellow | 513 |
| 13 | red | 695 |
| 14 | yellow | 470 |
| 15 | yellow | 403 |
| 16 | orange | 752 |
| 17 | blue | 346 |
| 18 | blue | 669 |
| 19 | red | 350 |
| 20 | blue | 631 |
How does it work?
For a more detailed discussion on the sorting process, you can refer to the Bubble Sort page. The only difference between the two is the actual sorting algorithm, with the Insertion Sort, in theory, being a little bit faster:
// global variables
var parent = null; // 'parent' node
var items = new Array(); // array of 'child' nodes
var col = 0; // column for sorting
function sortTable(tableid, n, desc)
{
parent = document.getElementById(tableid);
col = n;
if(parent.nodeName != "TBODY")
parent = parent.getElementsByTagName("TBODY")[0];
if(parent.nodeName != "TBODY")
return false;
// assert: parent is now a TBODY node
items = parent.getElementsByTagName("TR");
var N = items.length;
// insertion sort
for(var j=1; j < N; j++) {
for(var i=j; i > 0 && compare(get(i), get(i-1), desc); i--) {
exchange(i, i-1);
}
}
}
For more advanced (and complicated) sorting techniques, see the Shell Sort and Quick Sort demonstrations.
Related Articles - Sorting Algorithms
- DHTML Quick Sort [JAVASCRIPT]
- DHTML Bubble Sort [JAVASCRIPT]
- DHTML Sorting Using OOP [JAVASCRIPT]
- DHTML Sorting Using OOP - Example 1 [JAVASCRIPT]
- DHTML Shell Sort [JAVASCRIPT]
- DHTML Insertion Sort [JAVASCRIPT]
- Sorting Arrays of Arrays [PHP]
- Sorting SimpleXMLElement Object arrays [PHP]
Send a message to The Art of Web:
press <Esc> or click outside this box to close