怎么使用js控制按价格排序

JavaScript08

怎么使用js控制按价格排序,第1张

建立两个数组,一个对应价格,另一个对应索引。

然后对第一个数组排序,每一次交换都对第二个数组做相同操作,完成后既得排序后的索引顺序。

然后可以使用DOM操作,将所有排序项拷贝到一个数组里,删除原来的所有排序项,再按排序后的索引顺序输出到原位置,即完成基于js的控制按价格排序,希望有帮助。

排序的话,如果是表格,看下面的例子:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8" />

<title>HelloWorld</title>

<style type="text/css">

table {

margin: 0 auto

border: 1px solid black

border-collapse: collapse

}

td {

border: 1px solid black

}

</style>

<script src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

window.onload = function ()

{

var table = document.getElementById ('table')

var tbody = table.tBodies[0]

var rows = tbody.rows

var cells = rows[0].cells

for ( var j = 0j <cells.lengthj++)

{

cells[j].onclick = function ()

{

var asc = this.asc = !!this.asc ? -this.asc : -1

var array = []

array.index = this.cellIndex

for ( var i = 1i <rows.lengthi++)

{

array.push (rows[i])

}

array.sort (function (a, b)

{

var n1 = a.cells[array.index].firstChild.nodeValue

var n2 = b.cells[array.index].firstChild.nodeValue

if (n1 >n2)

{

return asc

}

else if (n1 <n2)

{

return -asc

}

else

{

return 0

}

})

for ( var i = 0i <array.lengthi++)

{

tbody.appendChild (array[i])

}

}

}

}

</script>

</head>

<body style="text-align: center">

<table id="table">

<tr>

<td>编号</td>

<td>姓名</td>

</tr>

<tr>

<td>1</td>

<td>李勇</td>

</tr>

<tr>

<td>2</td>

<td>王博</td>

</tr>

<tr>

<td>3</td>

<td>刘海</td>

</tr>

<tr>

<td>4</td>

<td>陈锋</td>

</tr>

</table>

</body>

</html>

数据结构算法中排序有很多种,常见的、不常见的,至少包含十种以上。根据它们的特性,可以大致分为两种类型:比较类排序和非比较类排序

冒泡排序是一次比较两个元素,如果顺序是错误的就把它们交换过来。,直到不需要再交换

快速排序的基本思想是通过一趟排序,将待排记录分隔成独立的两部分,其中一部分记录的关键字均比另一部分的关键字小,则可以分别对这两部分记录继续进行排序,以达到整个序列有序

从数列中挑出一个元素,称为 “基准”(pivot);然后重新排序数列,所有元素比基准值小的摆放在基准前面、比基准值大的摆在基准的后面;在这个区分搞定之后,该基准就处于数列的中间位置;然后把小于基准值元素的子数列(left)和大于基准值元素的子数列(right)递归地调用 quick 方法排序完成,这就是快排的思路

通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入,从而达到排序的效果

插入排序的思路是基于数组本身进行调整的,首先循环遍历从 i 等于 1 开始,拿到当前的 current 的值,去和前面的值比较,如果前面的大于当前的值,就把前面的值和当前的那个值进行交换,通过这样不断循环达到了排序的目的

将最小的元素存放在序列的起始位置,再从剩余未排序元素中继续寻找最小元素,然后放到已排序的序列后面……以此类推,直到所有元素均排序完毕

堆排序是指利用堆这种数据结构所设计的一种排序算法。堆积是一个近似完全二叉树的结构,并同时满足堆积的性质,即子结点的键值或索引总是小于(或者大于)它的父节点。堆的底层实际上就是一棵完全二叉树,可以用数组实现

归并排序是建立在归并操作上的一种有效的排序算法,该算法是采用分治法的一个非常典型的应用。将已有序的子序列合并,得到完全有序的序列;先使每个子序列有序,再使子序列段间有序。若将两个有序表合并成一个有序表,称为二路归并

通过 mid 可以把该数组分成左右两个数组,分别对这两个进行递归调用排序方法,最后将两个数组按照顺序归并起来