javascript 数组排序与对象排序的实例
更新时间：2017年07月17日 14:47:01 投稿：lqh
这篇文章主要介绍了javascript 数组排序与对象排序的实例的相关资料,需要的朋友可以参考下
javascript 数组排序与对象排序的实例
数组排序
在使用JavaScript的时候，我们都发现了sort这个函数其实是按照字典顺序进行排序的，比如下面的这个例子：
var ary = [2, 98, 34, 45, 78, 7, 10, 100, 99]; ary.sort(); console.log(ary);
控制台输出结果：
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的写法，等同于：
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);
});
}
控制台输出结果：
以上就是javascript 数组排序与对象排序的实例的讲解，大家如果有疑问可以留言讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要为大家详细介绍了如何利用JavaScript语言实现导入导出excel文件的功能，文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下2022-07-07
这篇文章主要介绍了php 修改密码实现代码的相关资料,需要的朋友可以参考下2017-05-05
简单对比分析JavaScript中的apply,call与this的使用
简单的说call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的，因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。既然作为方法的属性，那它们的使用就当然是针对方法的了，这两个方法是容易混淆的2015-12-12
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
这篇文章主要介绍了JavaScript浏览器对象模型BOM(BrowserObjectModel),结合实例形式较为详细的分析了BOM模型的常用对象与相关使用技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了LayUI—tree树形结构的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了echarts大屏字体自适应的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
这篇文章主要介绍了微信小程序使用map组件实现解析经纬度功能,涉及微信小程序map组件结合高德地图进行经纬度获取相关操作技巧,需要的朋友可以参考下2019-01-01
这篇文章主要帮助大家简单实现JavaScript弹幕效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
text-align:justify实现文本两端对齐 兼容IE
对于text-align 我们再熟悉不过了，可是它有个justify属性，平时很少用到，就鲜为人知了。justify是一种文本靠两边布局方式，一般应用于书刊杂志排版；合理运用text-align:justify 有时会省去很多开发的时间，通过本文介绍text-align:justify实现文本两端对齐 兼容IE2015-08-08
OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包，用于实现标准格式发布的地图数据访问。本文将利用OpenLayer实现自定义坐标点的绘制，感兴趣的可以了解一下2022-04-04
最新评论