`

js实现 升序 降序 排序

 
阅读更多
_sort = function(obj){//按照position排序方法
	var jsonList = [];
	var returnList = [];
	for(var i in obj){
		var json = {'nodeId':i,'position':obj[i].position};
		jsonList.push(json);
	}
	jsonList.sort(_upSort);
	for (var j=0; j<jsonList.length; j++){
		returnList.push(obj[jsonList[j].nodeId]);
	}
	return returnList;
};

_upSort = function(a, b){//升序排序
	return a["position" ] > b["position" ] ? 1 : a["position"] == b[ "position"] ? 0 : -1;
};

_downSort = function(a, b){//降序排序
	return a["position" ] < b["position" ] ? 1 : a["position"] == b[ "position"] ? 0 : -1;
};

_sort(data.resultList);
 

 

开发项目的时候,负责后台的小哥哥给我返回了一个map,但是前台render的时候需要按照position来排序,我和小哥哥就合计,写一个排序方法。

for(var i in obj){
    var json = {'nodeId':i,'position':obj[i].position};
    jsonList.push(json);
}

 将需要排序的内容按照需要的字段写成json的push进一个数组,

jsonList.sort(_upSort);

 将内容按照升序排序

for (var j=0; j<jsonList.length; j++){
    returnList.push(obj[jsonList[j].nodeId]);
}
return returnList;

 返回排序完成的datalist

 

分享到:
评论

相关推荐

    JavaScript实现表格排序,点击表头切换升序降序,非常简单

    这篇教程将详细介绍如何使用JavaScript实现这一功能,让使用者可以点击表头来轻松切换升序或降序排列。 首先,我们需要一个基本的HTML结构,包含一个表格以及用于排序的表头。例如: ```html &lt;!DOCTYPE html&gt; ...

    有箭头指示的升序和降序提示效果.rar

    在网页开发中,尤其是在数据展示时,升序和降序排序是非常常见的操作,例如在表格或列表中。这种功能通常通过点击表头来触发,而箭头指示则可以明确地告诉用户当前的排序状态是升序还是降序。 描述中的“有箭头指示...

    排序按钮封装、升序、降序

    在给定的文件`HQSortButtonDemo`中,可能包含了一个示例程序,演示了如何封装这样一个排序按钮,并提供了升序和降序排序的功能。通过学习和分析这个示例代码,开发者可以了解具体的实现细节和技巧,如如何处理按钮...

    quicksort:按升序和降序快速排序

    在升序排序中,如果需要降序排序,只需改变比较条件,使得小于基准的元素与大于基准的元素交换位置即可。 快速排序的平均时间复杂度为O(n log n),最坏情况下(输入数组已经排序或逆序)时间复杂度为O(n^2)。不过...

    JS实现数组按升序及降序排列的方法

    通过这两种方式,我们可以灵活地对JavaScript数组进行升序或降序的排序。虽然上述示例中的排序方法适用于基本数据类型,但是JavaScript的sort方法同样适用于对象数组。这时,我们需要提供一个更复杂的比较函数来确定...

    js代码-数组的升序和降序

    现在我们来看一下如何利用这个方法实现升序和降序排序。 ### 升序排序 升序排序是指将数组元素从小到大排列。默认情况下,`sort()`方法就按照升序对字符串进行排序。但如果是数字数组,我们需要提供一个比较函数来...

    PHP实现商品按销量价格升降序排序

    综合以上,实现商品按销量价格升降序排序的功能需要结合PHP的数据库操作、JSON数据处理以及JavaScript的前端交互。理解并掌握这些技术对于构建动态、响应式的电商网站至关重要。通过这个功能,开发者不仅可以提升...

    ExtJs表格grid中文排序函数方法

    如果direction属性是DESC,那么我们就将比较结果乘以-1,以实现降序排序。最后,我们返回比较结果。 现在,让我们来看一个使用示例。假设我们有一个表格,表格的数据如下: ```javascript var chineseData = [ ['...

    ampersand-collection-sort-mixin:用于扩展与号集合的 mixin,具有按多个属性排序和升序降序的能力。 向集合中添加新模型或调用 sort() 方法时执行排序

    设置为 true 以降序排序。 默认为 false(升序)例子 var Collection = require('ampersand-collection');var sortMixin = require('ampersand-collection-sort-mixin');module.exports = Collection

    JavaScript实现表格排序方法

    实现表格排序的另一个挑战是如何在升序(从小到大)和降序(从大到小)之间切换。一个常见的方法是使用一个标志变量来表示当前的排序方向。每次点击时,根据这个变量切换排序逻辑。例如,如果当前是升序,则下次点击...

    js排序表格,实现按列排序

    如果压缩包中包含`images`文件夹,可能包含用于表格样式的图标,如上箭头和下箭头,表示升序和降序排序。 `js`文件很可能是实现排序功能的JavaScript代码,而`.htm`文件则包含了HTML结构和可能的内联JavaScript代码...

    sort-numbers.js:按升序或降序对数字进行排序

    排序numbers.js 按升序或降序对数字进行排序 sortNumbers ( [ 0.45 , Infinity , - 2 ] ) ; //=&gt; [-2, 0.45, Infinity]sortNumbers . desc ( [ 0.45 , Infinity , - 2 ] ) ; //=&gt; [Infinity, 0.45, -2]安装包管理器...

    tablesorter实现HTML表格点击表头排序

    为了提升用户体验和数据管理效率,我们经常需要实现表格的排序功能,让用户可以按照表格列的值进行升序或降序排列。`tablesorter`是一个非常实用的JavaScript库,它为HTML表格提供了强大的排序功能,不仅适用于纯...

    易用的用js实现表格的排序

    此方法无需复杂的配置或额外的库依赖,即可直接应用于网页中的表格数据,使得表格列能够通过点击表头进行升序或降序排序。 #### 关键知识点详解 ##### 1. 基本概念 - **表格排序**:指的是在HTML表格中,根据某一...

    bubble_Sort_Algorithm:JavaScript中的冒泡排序算法(升序和降序)

    在JavaScript中,我们可以通过调整比较条件轻松地实现升序或降序排序。尽管冒泡排序的效率不高,但它在理解排序算法的基础概念时非常有用。通过添加优化策略,我们可以稍微提升其在某些情况下的性能。

    纯js实现点击表头排序,轻量级JavaScript表格内容排序代码

    这个轻量级的JavaScript表格排序实现非常实用,特别适合小型项目或对性能要求高的场景。它可以避免引入大型库的开销,同时也易于理解和维护。当然,对于更复杂的需求,例如处理日期或对象排序,可能需要进一步扩展这...

    sort.js实现table表单点击列名排序

    table列点击排序功能JS实现,表单table显示的时候,点击表单列名实现升序以及降序功能!

    js 实现 table 行排序 TableOrder.rar

    本资源“js 实现 table 行排序 TableOrder.rar”提供了一个实用的方法来实现这个功能。以下是对该实现的详细说明: 1. **HTML表格结构**: 在HTML中,`&lt;table&gt;`元素用于创建表格,`&lt;tr&gt;`表示表格行,`&lt;th&gt;`表示...

Global site tag (gtag.js) - Google Analytics