JavaScript如何对数组以及对象进行排序的实例-js教程-PHP中文网

JavaScript如何对数组以及对象进行排序的实例

黄舟

发布： 2017-07-18 10:04:51

原创

1614人浏览过

这篇文章主要介绍了javascript 数组排序与对象排序的实例的相关资料,需要的朋友可以参考下

javascript 数组排序与对象排序的实例

数组排序

在使用JavaScript的时候，我们都发现了sort这个函数其实是按照字典顺序进行排序的，比如下面的这个例子：

var ary = [2, 98, 34, 45, 78, 7, 10, 100, 99];
ary.sort();
console.log(ary);

登录后复制

控制台输出结果：

立即学习“Java免费学习笔记（深入）”；

Array [ 10, 100, 2, 34, 45, 7, 78, 98, 99 ]

登录后复制

这个也很显然验证了我之前所写的东西，上面的结果就是比较数组元素的第一位，然后按照这个1-9这个顺序排列，那么我们就需要给sort函数传入一个比较函数（在这里我还是得提及一下C语言的函数指针，简单说就是给一个函数传入另外一个函数，而这个传入的就像是你给出你自己的一套规则，而计算机按你这个规则执行就好了），现在也是这个道理，给出一个规则来，那就请看下面的代码：

var ary = [2, 98, 34, 45, 78, 7, 10, 100, 99];
ary.sort((a, b) => {
 return a-b;
});
console.log(ary);

登录后复制

降序输出：

ary.sort(function(a, b) {
 return b-a;
});
console.log(ary);

登录后复制

传入的函数是采用ES6的写法，等同于：

北极象沉浸式AI翻译

免费的北极象沉浸式AI翻译 - 带您走进沉浸式AI的双语对照体验

查看详情

ary.sort(function(a, b) {
 return a-b;
});

登录后复制

输出结果：

Array [ 2, 7, 10, 34, 45, 78, 98, 99, 100 ]

Array [ 100, 99, 98, 78, 45, 34, 10, 7, 2 ]

登录后复制

对象排序

今天要说的排序对象，像下面那样，将多个对象放置在一个数组里面

var objArray = [
 {name : 'lily', age : 22},
 {name : 'kandy', age : 20},
 {name : 'lindy', age : 24},
 {name : 'Jone', age : 27}
];

登录后复制

下面就需要对它们进行排序了：

function sortObj(array, key) {
 return array.sort(function(a, b) {
  var x = a[key];
  var y = b[key];
  return x - y;
  //或者 return x > y ? 1 : (x < y ? -1 : 0);
 });
}

登录后复制

控制台输出结果：