JS实现给数组对象排序的实例代码

时间：2020-07-19 17:21:33
4551人关注

这篇文章主要介绍了JS实现给数组对象排序的方法,结合实例形式分析了javascript数组对象排序相关实现方法与操作注意事项,需要的朋友可以参考下，另外这篇文章主要知识点是关于JS、数组对象、排序、的内容，如果大家想对相关知识点有系统深入的学习，可以参阅以下电子资料：

教程详情	电子资料
教程类别：编辑整理：贡若蕊教程字数：697字节阅读时间：大概20分钟下载本教程（DOC版）	《Vue.js前端开发基础与项目实战》项目源码 JSON-handle Quick Javascript Switcher Android实现城市列表字母排序 Vue.js devtools

本文实例讲述了JS实现给数组对象排序的方法。分享给大家供大家参考，具体如下：

JS中给数组对象排序

假设有一个对象数组，我们想要根据某个对象属性对数组进行排序。而传递给数组sort()方法的比较函数要接收2个参数，即要比较的值。

可是，我们需要一种方式指明按照哪个属性来排序。

要解决这个问题，可以定义一个函数，它接收一个属性名，然后根据这个属性名来创建一个比较函数。

function createComprisonFunction(propertyName){
    return function(object1,object2){
        var value1 = object1[propertyName];
        var value2 = object2[propertyName];
        if(value1 < value2){
            return -1;
        }else if(value1 > value2){
            return 1;
        }else{
            return 0;
        }
    }
}
//上面的函数可以像在下面的列子中这样使用
var data = [{name:"Zachary",age:28},{name:"Nicholas",age:29}];
data.sort(createComprisonFunction("name"));
console.log(data[0].name); //Nicholas
data.sort(createComprisonFunction("age"));
console.log(data[0].name); //Zachary

运行结果：

JS实现给数组对象排序的方法分析

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：JS中批量给元素绑定事件过程中的相关问题使用闭包解决详解

下一篇：JS中serialize()多表单数据提交应用实例

学习笔记

6小时59分钟前回答

js中split()方法获取的数组长度知识点讲解

定义和用法 split() 方法用于把一个字符串分割成字符串数组。语法 stringObject.split(separator,howmany) 参数描述 separator 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。 howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。返回值一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的……

35小时47分钟前回答

JS实现数组去重的实例方法

本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考，具体如下： var arr = [abc,abcd,sss,2,d,t,2,ss,f,22,d];//定义一个新的数组var s = [];//遍历数组for(var i = 0;iarr.length;i++){ if(s.indexOf(arr[i]) == -1){ //判断在s数组中是否存在，不存在则push到s数组中 s.push(arr[i]); }}console.log(s);//输出结果：[abc, abcd, sss, 2, d, t, ss, f, 22] 运行结果：关于indexOf()方法： indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 stringObject.indexOf(searchvalue,fromindex) 该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。如果……

28小时42分钟前回答

JS根据json数组多个字段排序及json数组常用操作示例代码

js 根据json数组多个字段排序的实现代码如下所示： /**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortByArr([number],false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序 * @param attr 排序的属性 [name,sex...],根据一个字段或者多个字段排序 * @param rev true表示升序排列，false降序排序 * */function sortByArr(arr, rev) { if (rev == undefined) { rev = 1; } else { rev = (rev) ? 1 : -1; } return function(a, b) { for (var i = 0; i arr.length; i++) { let attr = arr[i] if (a[attr] != b[attr]) { if (a[attr] b[attr]) { return rev * 1; } else { return rev * -1; } } }}} PS：Js 中对 Json 数组的常用操作我们首先定义一个json数组对象如下：……

7小时57分钟前回答

vuejs使用value in list循环遍历数组出现警告的解决方法

在使用vuejs遍历数组的时候，使用in语句形式，会有一个警告的提示：警告很明显说是少了v-bind:key,所以添加一个就ok了,看如下文件： /* eslint-disable */template div class=hello ul li v-for=(value,key,index) in object v-bind:key=key//这里就可以去掉警告 {{ value }},{{key}},{{index}} /li /ul /div /template 以上这篇解决vuejs 使用value in list 循环遍历数组出现警告的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持码农之家。 ……

4小时13分钟前回答

汇总JS从非数组对象转数组的方法

前言本文主要汇总了一些JS从非数组对象转数组的方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 Array.prototype.slice.call(obj) 该方法可以将类数组对象转换为数组，所谓类数组对象，就是含 length 和索引属性的对象返回的数组长度取决于对象 length 属性的值，且非索引属性的值，或索引大于 length 的值都不会被返回到数组中实锤如下 let obj = { 0: 3, 1: 13, 2: 23, 3: 33, length: 3, name: 330}let arr = Array.prototype.slice.call(obj)// [3, 13, 23] 简洁写法 [].slice.call(obj) Array.from(obj) 该方法可以将类数组对象和可迭代对象转换为数组类数组对象上文已提及，何为可迭代对象？ Array、Set、Map 和字符串都……

34小时20分钟前回答

JS实现表格排序的实例方法

本文实例讲述了JS实现简单表格排序操作。分享给大家供大家参考，具体如下： !DOCTYPEhtmlhead meta http-equiv=Content-type content=text/html charset=utf-8 titlesort table/title style *{ margin:0px; padding:0px; } body{ background:#ccc; } table{ width:350px; margin:0 auto; background-color:#eee; } table th{ cursor:hand; padding:5px 0; background-color:#999; } table td{ background-color:#fff; font-size:16px; font-weight:normal; text-align:center; line-height:30px; } /style script language=javascript function sortCells(type){ var tbs=document.getElementsByTagName(table)[0]; var arr=[]; var arr2=[]; for(var i=1;itbs.rows.length;i++){ var text=tbs.rows[i].cells[type].innerText; arr.push(text); arr2[text]=i; } if(type==0){ arr.sort(function(a,b){return a-b}); }else{ a……

48小时8分钟前回答

JS排序方法代码汇总

最近开始学习数据结构。一点一点整理，希望能坚持下来。因为方向是前端，所以用JavaScript实现。 //sort排序var testArr1=[3, 44, 38, 5, 47, 15, 36, 26, 27, 2, 46, 4, 19, 50, 48];var testArr2=[3, 44, 38, 5, 47, 15, 36, 26, 27, 2, 46, 4, 19, 50, 48];var testArr3=[3, 44, 38, 5, 47, 15, 36, 26, 27, 2, 46, 4, 19, 50, 48];testArr1.sort();//排序结果：[15, 19, 2, 26, 27, 3, 36, 38, 4, 44, 46, 47, 48, 5, 50]testArr2.sort(function(a,b){return ab});//排序结果：[2, 3, 4, 5, 15, 19, 26, 27, 36, 38, 44, 46, 47, 48, 50]testArr3.sort(function(a,b){return a-b});//排序结果：[2, 3, 4, 5, 15, 19, 26, 27, 36, 38, 44, 46, 47, 48, 50] //Bubble排序 var testArr1=[3, 44, 38, 5, 47, 15, 36, 26, 27, 2, 46, 4, 19, 50, 48];var testArr2=[3, 44, 38, 5, 47, 15, 36, 26,……

发布评论

JS实现给数组对象排序的实例代码

相关内容

java与jsp的区别

js可以替代java吗

JAVA直接访问jsp页面报404吗

jsp实质是java程序对吗

jsp文件就是java文件吗

同构JavaScript应用开发

JavaScript权威指南(第6版)

JavaScript和jQuery实战手册

JavaScript编程全解

HTML CSS JavaScript网页制作从入门到精通

JavaScript函数式编程

学习笔记

最新更新

资源更新

编程问答

精选专题