直接插入排序算法(Straight Insertion Sort),是排序算法中简单的一种算法,基本思想如下:
将一个记录插入到已排序好的有序表中,从而得到一个新,记录数增1的有序表。即:先将序列的第1个记录看成是一个有序的子序列,然后从第2个记录逐个进行插入,直至整个序列有序为止。
要点:设立哨兵,作为临时存储和判断数组边界之用。
-----------------------------------------------------------------------------------------------------------
具体代码如下:
<!DOCTYPE html> <html> <head> <title>The tenth html page</title> <style type="text/css"> ul li { list-style-type:georgian; text-align:left; } .mark { width:140px; height:40px; color:Olive; text-align:center; line-height:40px; margin:5px; float:left; } .redball { width:40px; height:40px; border-radius:20px; background-color:Red; text-align:center; line-height:40px; margin:5px; float:left; } .ball { width:40px; height:40px; border-radius:20px; background-color:Aqua; text-align:center; line-height:40px; margin:5px; float:left; } .line { clear:left; } header { height:80px; border:1px solid gray; } .left { border:1px solid gray; float:left; width:30%; height:480px; margin-left:0px; margin-right:0px; } aside { text-align:center; } section { width:69.5%; float:left; height:480px; border:1px solid gray; margin-left:0px; margin-right:0px; } footer { clear:left; height:60px; border:1px solid gray; } input[type="button"] { width:80px; text-align:center; margin-top:10px; } </style> <script type="text/javascript"> function initDiv() { var mainArea = document.getElementById("mainArea"); for (var i = 0; i < 8; i++) { var newDivLine = document.createElement("div"); newDivLine.setAttribute("class", "line"); mainArea.appendChild(newDivLine); for (var j = 0; j < 9; j++) { var newDiv = document.createElement("div"); var id = i.toString() + j.toString(); newDiv.setAttribute("id", id); if (j < 8) { newDiv.setAttribute("class", "ball"); } else { newDiv.setAttribute("class", "mark"); } newDivLine.appendChild(newDiv); } } } //初始元素赋值 var arrTmp = [4, 6, 8, 7, 9, 2, 10, 1]; function setElementsValue() { for (var i = 0; i < arrTmp.length; i++) { document.getElementById("0" + i.toString()).innerText = arrTmp[i]; } document.getElementById("08").innerText = "原始数据"; } //排序 function setSISortValue() { for (var i = 1; i < arrTmp.length; i++) { var m = 0;//为了记录插入的位置,方便标记 //若第i个元素大于i-1元素,直接插入。小于的话,移动有序表后插入 if (arrTmp[i] < arrTmp[i - 1]) { var x = arrTmp[i]; //复制为哨兵(临时变量),即存储待排序元素 var j = i - 1; arrTmp[i] = arrTmp[i - 1]; //先后移一个元素 //循环查找在有序表的插入位置,如果要插入的值小于,则继续查找,并将元素后移。 while (x < arrTmp[j]) { arrTmp[j + 1] = arrTmp[j]; j--; } //查找完毕后,插入到正确位置(即要插入的值大于前面的元素) arrTmp[j + 1] = x; m = j + 1; } else { m = i; } //显示出来 for (var k = 0; k < arrTmp.length; k++) { document.getElementById((i).toString() + k.toString()).innerText = arrTmp[k]; if (m == k) { document.getElementById((i).toString() + (k).toString()).setAttribute("class", "redball"); } } document.getElementById((i).toString() + "8").innerText = "第 " + (i).toString() + " 趟排序"; } } </script> </head> <body> <header> <h1>直接插入排序(Straight Insertion Sort)Demo</h1> </header> <aside class="left"> <input type="button" id="btnInit" value="Init" onclick="initDiv();" /> <br /> <input type="button" id="btnSetValue" value="SetValue" onclick="setElementsValue();" /> <br /> <input type="button" id="btnSort" value="Sort" onclick="setSISortValue();" /> <br /> <h3>直接插入排序(Straight Insertion Sort)</h3> <ul> <li>将一个记录插入到已排序好的有序表中,从而得到一个新,记录数增1的有序表。</li> <li>即:先将序列的第1个记录看成是一个有序的子序列,然后从第2个记录逐个进行插入,直至整个序列有序为止。</li> <li>如果碰见一个和插入元素相等的,那么插入元素把想插入的元素放在相等元素的后面。所以,相等元素的前后顺序没有改变。</li> <li>从原无序序列出去的顺序就是排好序后的顺序,所以插入排序是稳定的。</li> <li>时间复杂度O(n<sup>2</sup>)</li> </ul> </aside> <section id="mainArea"> </section> <footer> 这是底部信息 </footer> </body> </html>