js将对象数组按照自定义规则排序

最新推荐文章于 2024-04-25 10:27:41 发布
最新推荐文章于 2024-04-25 10:27:41 发布
阅读量1.4k 收藏
点赞数
分类专栏： 前端
原文链接：https://www.mk2048.com/blog/blog_h202k1jab1bb.html
版权

javascript对一个对象数组进行自定义规则排序，对象中有两个字段。

按照对象中一个字段a的值从小到大规则排序，

效果如下：

排序前:
[0]:a=9,b=3
[1]:a=33,b=7
[2]:a=1,b=99
[3]:a=9,b=8
[4]:a=2,b=6
[5]:a=2,b=54
排序后:
[0]:a=1,b=99
[1]:a=2,b=6
[2]:a=2,b=54
[3]:a=9,b=3
[4]:a=9,b=8
[5]:a=33,b=7

1136226-20170705091720800-737311604.png

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>

<script type="text/javascript">

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

var arr = new Array();
arr[0] = {a:9,
           b:3};
arr[1] = {a:33,
           b:7};
arr[2] = {a:1,
           b:99};
arr[3] = {a:9,
           b:8};
arr[4] = {a:2,
           b:6};
arr[5] = {a:2,
           b:54};

document.writeln('排序前:<br />');
for(var i=0;i<arr.length;i++){
   //arr[i]=i;
   document.writeln('[' + i + ']:a=' + arr[i].a + ',b=' + arr[i].b + '<br />');
}
   

//document.write(arr + "<br />")
document.write("<hr />排序后:<br />");
//document.write(arr.sort(sortNumber))
arr.sort(sortNumber);
console.log(arr);
for(var i=0;i<arr.length;i++){
   //arr[i]=i;
   document.writeln('[' + i + ']:a=' + arr[i].a + ',b=' + arr[i].b + '<br />');
}
</script>

</body>
</html>

 

xiaozhen0610
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript自定义数组排序
笔心
03-11 5924
Array中有自带的排序功能，这个使用起来比较方便，我们有一点必须清楚，就是排序的依据，如果sort不传入参数的话，那就是按照字符编码（Unicode编码）的顺序排序。
js将一个数组中的多个对象按照指定顺序排序
sun~的博客
01-03 559
原顺序为1，2，3，4，5；排序后为3, 4, 1, 5, 2。
js中定义排序规则
最新发布
qq_42383974的博客
04-25 91
三个参数，分别是排序的表格数据，排序的字段，是否升序。
js中数组对象自定义排序
hellorichen的专栏
05-29 3822
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;script&gt; var data = [{name:"zachary", age:28}, {name:"nicholas", age:29}]; function f1(name){ return function(o1,o2){ var value1 = o1[name]; var value2 =...
JS对对象进行自定义排序
01-26 1036
  Javascript对对象按照对象的某个属性的值进行排序： &lt;div id="show"&gt;&lt;/div&gt; &lt;script&gt; var data = [{'name':'mike', 'age':32}, {'name':'jolly', 'age':25}, {'name':'amme', 'age':30}]; function compare...
js数组排序---自定义快速排序
nayi_224的博客
04-26 3409
数组自带的sort方法 var arr = [3, 4, 2, 1]; arr.sort(); console.log(arr); 进行递增排序 (4) [1, 2, 3, 4] sort方法可以接收一个参数，用来自定义排序规则 arr.sort(function(val1, val2){ //return val1 - val2; 默认 return val2 -...
JavaScript对象数组如何按指定属性和排序方向进行排序
10-22
`sort()`方法允许我们对数组元素进行原地排序，它接受一个可选的`compareFunction`参数，用于自定义排序规则。如果没有提供`compareFunction`，数组元素默认按照字符串的Unicode码点顺序进行排序，这对于数字可能会...
js 根据对象数组中的属性进行排序实现代码
10-16
在JavaScript中，处理数据时经常需要对数组进行排序，特别是当数组包含对象时，我们可能需要根据对象的某个属性来排序。本文将深入探讨如何使用JavaScript实现这一功能。 首先，JavaScript的`Array.prototype.sort...
JavaScript自定义数组排序方法
12-11
本文实例讲述了JavaScript自定义数组排序方法。分享给大家供大家参考。具体分析如下： Array中有自带的排序功能，这个使用起来比较方便，我们有一点必须清楚，就是排序的依据，如果sort不传入参数的话，那就是按照...
js中的数组对象排序分析
10-17
首先，`sort()`方法是JavaScript数组对象的一个内置方法，用于对数组进行排序。默认情况下，如果数组元素是字符串，`sort()`会按照ASCII值顺序进行排序；如果是数字，由于隐式转换，它会将数字转换为字符串再进行...
JS根据json数组多个字段排序及json数组常用操作
12-10
总结来说，JS处理JSON数组涉及到的关键概念包括数组的`sort()`、`filter()`、`splice()`、`indexOf()`和`push()`方法，以及自定义比较函数用于排序。了解并熟练掌握这些方法对于高效地处理数据至关重要，无论是在...
js 数组自定义规则排序
suzhiwei_boke的博客
05-08 1238
// reduce() 方法对数组中的每个元素执行一个由您提供的reduce函数(升序执行)，将其结果汇总为单个返回值。 // reduce方法可做的事情特别多，就是循环遍历能做的，reduce都可以做， // 比如数组求和、数组求积、数组中元素出现的次数、数组去重等等。 // arr.reduce(function(prev,cur,index,arr){ // ... // }, init); // prev 必需。累计器累计回调的返回值; 表示上一次调用回调...
深入理解js数组自定义排序sort
热门推荐
slongzhang的博客
07-23 11万+
定义和用法 sort() 方法用于对数组的元素进行排序。 语法 arrayObject.sort(function(nextValue,currentValue){ // code … }); 案例 var arr = [5,4,3,2,1,6,7,8,9]; // 倒序 arr.sort((a,b)=>{ // console.log(a,b);// 可以看到第一次赋值结果是a = 4，b = 5 if(a<b){ return 1; }else if(a > b){ return
js 按给定数组的顺序给数组排序_javascript 数组对象根据指定属性排序
weixin_35316287的博客
02-01 522
关于数组排序马上会想到sort方法，或者reverse方法 但是后者只是简单的逆序而已不能满足大部分需求。前者功能强大便于扩展，该方法有一个自定义排序函数，一般而言针对数字或者同类型不复杂元素很容易进行自定义排序函数，该函数有两个参数：比如数组var arr=[2,3,5,1,4] ; 需要升序排列，我们可以这样：function Compare(va1,va2){ return va2-va1;...
自定义对象排序规则
前端一线搬运工的博客
07-31 238
输入数据格式[{ },{ },{ },...] 输出数据格式[[ ],[ ],[ ],...] *其中输出格式根据规则(key先后顺序)排序的 sortFun = () => { const data = [{ age: 20, city: '北京', name: '小明' }, { name: '小红', city: '上海', age: 18 }];// 源数据 const sortData = [];// 期望输出数据: [[小明,20,北京],[小红,18,上海]].
JS对象数组的排序（二十二）
两个蝴蝶飞
07-25 521
白发戴花君莫笑,岁月从不败美人。 愿，像你我一如既往地好看。 上一章简单介绍了JS的数组和对象深层拷贝(二十一),如果没有看过,请观看上一章。 本文参考 ‘那时候的我’ 前辈的文章: https://www.cnblogs.com/xljzlw/p/3694861.html 一. JS 数组排序 在JS中，有一个排序方法， sort(), 可以直接 arr.sort(), 进行相应的排序。但这...
Comparator：将对象进行排序
wangbaojian_good的专栏
04-02 612
我们常常将一些对象存放在链表中，而很多时候我们需要对这些对象按照一定规则，比如属性的大小值进行排序，此时你不用去自己写一个排序算法，即使能写出来也将是非常复杂，而且也是不可取的，因为我们可以用java.util.Comparator和Collections.sort就可以轻易做到这一点。        举例：package comparator; public class Person {
关于利用JavaScript中的sort方法实现自定义排序
weixin_44416058的博客
06-21 2685
众所周知，javascript中的sort方法可以实现排序，但是如果只是使用默认的方法，很难拿到理想的结果，所以需要实现自定义排序。
js自定义数组对象排序
09-09
要对自定义的数组对象进行排序，你可以使用数组的 `sort()` 方法，并传入一个比较函数作为参数。比较函数可以根据你定义的排序规则来决定数组对象的排序顺序。 例如，假设你有一个自定义的数组对象，每个对象都有一个 `name` 属性表示名称，你想按照名称的字母顺序对数组进行排序，可以使用如下代码： ```javascript var arr = [ { name: 'John' }, { name: 'Alice' }, { name: 'Bob' } ]; arr.sort(function(a, b) { var nameA = a.name.toUpperCase(); // 不区分大小写 var nameB = b.name.toUpperCase(); if (nameA < nameB) { return -1; } if (nameA > nameB) { return 1; } return 0; // 名称相等，保持原有顺序 }); console.log(arr); ``` 上述代码会输出按名称字母顺序排序后的数组对象。 你也可以根据自定义的属性进行排序，只需要在比较函数中修改对应的属性即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值