当前位置:首页 > 开发 > Web前端 > 前端 > 正文

按对象属性排序

发表于: 2015-06-16   作者:换个号韩国红果果   来源:转载   浏览:
摘要: 利用JavaScript进行对象排序,根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
利用JavaScript进行对象排序,根据用户的年龄排序展示
<script>
var bob={
name;bob,
age:30
}
var peter={
name;peter,
age:30
}
var amy={
name;amy,
age:24
}
var mike={
name;mike,
age:29
}
var john={
name;john,
age:45
}

<script>
1.现在实现按年龄排序。
function sortByProp(objArr,prop){//obj是一个对象数组,prop是待排序的属性
var sort=[];
var  propArr=[];
for(var i=0;i<objArr.length;i++)
  propArr.push(objArr[i][prop]);


propArr=propArr.sort();//现在propArr已经被排序。
propArr.forEach(function(e){

for(var i=0;i<objArr.length;i++)
if(objArr[i] && e==objArr[i][prop])  {
// console.log(objArr[i]['name']+':'+objArr[i][prop])
  sort.push(objArr[i]);delete objArr[i]; break;
}
})


return sort;
}
sortByProp(obj,'age')


2.用原生sort来做,在sort里传入函数。
应该注意的是  js之中 sort() 方法是按照字典顺序对元素进行排序的, 因此它假定元素都是字符串类型, 即使元素是数字类型, 也被认为是字符串类型,比如,sort  arr=[1,100,2,200]  排序出来的结果出现异常。为了让 sort() 方法也能排序数字类型的元素, 可以在调用方法时传入一个大小比较函数。
function compare(num1, num2) {
return num1 - num2;
} v
ar nums = [3,1,2,100,4,200];
nums.sort(compare);
print(nums); // 1,2,3,4,100,200

现在实现按照sort来排序对象数组。
function  sortArr(arr,prop){
	arr.sort(compareByProp);
	function  compareByProp(m,n){
		return m[prop]-n[prop];
	}

	return arr;
}

按对象属性排序

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号