当前位置:网站首页>JS中对象数组用sort按属性排序
JS中对象数组用sort按属性排序
2022-08-03 16:38:00 【m0_49471668】
1.比较数字
var numbers = [4, 2, 5, 1, 3];
numbers.sort((a, b) => a - b);
console.log(numbers);
// [1, 2, 3, 4, 5]2.对象属性排序
其实在我们实际开发中,经常会遇到这样的问题,我们收到后端传过来的数据,然后我们需要根据数据中的某一项来排序。
比如有以下数据:
var items = [
{ name: 'Edward', value: 21 },
{ name: 'Sharpe', value: 37 },
{ name: 'And', value: 45 },
{ name: 'The', value: -12 },
{ name: 'Zeros', value: 37 }
];1.按对象value排序
// sort by value
items.sort((a, b) => Number(a.value) - Number(b.value));
2.按对象name排序
// sort by name
items.sort(function(a, b) {
//忽略大小写
var nameA = a.name.toUpperCase();
var nameB = b.name.toUpperCase();
if (nameA < nameB) {
return -1;
}
if (nameA > nameB) {
return 1;
}
//name相等时
return 0;
});

边栏推荐
- [Unity Getting Started Plan] Basic Concepts (6) - Sprite Renderer Sprite Renderer
- 蒋松廷 荣获第六季完美童模全球总决赛 全球总冠军
- 如何使用MATLAB绘制极坐标堆叠柱状图
- 自动化部署+整合SSM项目
- 从零开始搭建MySQL主从复制架构
- 面试突击71:GET 和 POST 有什么区别?
- J9货币论:数字经济为全球经济复苏注入力量
- SwinIR combat: record the training process of SwinIR in detail
- 罗克韦尔AB PLC RSLogix5000中创建新项目、任务、程序和例程的具体方法和步骤
- 虹科分享 | 如何测试与验证复杂的FPGA设计(3)——硬件测试
猜你喜欢

After using Stream for many years, does collect still have these "saucy operations"?

组件通信-父传子组件通信

C专家编程 第3章 分析C语言的声明 3.7 typedef struct foo{... foo;}的含义

LeetCode·899.有序队列·最小表示法

最强分布式锁工具:Redisson

使用Stream多年,collect还有这些“骚操作”?

华为、联想、北汽等入选工信部“企业数字化转型和安全能力提升”首批实训基地

C专家编程 第1章 C:穿越时空的迷雾 1.6 它很棒,但它符合标准吗

leetcode:189. 轮转数组

MATLAB | 一种简易的随机曼陀罗图形生成函数
随机推荐
如何使用MATLAB绘制极坐标堆叠柱状图
C语言02、语句、函数
自动化部署+整合SSM项目
C专家编程 第3章 分析C语言的声明 3.3 优先级规则
FinClip | July 2022 Product Highlights
security加密解密
WordPress建站技术笔记
C专家编程 第1章 C:穿越时空的迷雾 1.11 轻松一下---由编译器定义的Pragmas效果
C专家编程 第1章 C:穿越时空的迷雾 1.9 阅读ANSI C标准,寻找乐趣和裨益
简易网络传输方法
从MatePad Pro进化看鸿蒙OS的生态势能
TiKV & TiFlash 加速复杂业务查询丨TiFlash 应用实践
Which thread pool does Async use?
使用.NET简单实现一个Redis的高性能克隆版(一)
超分重建数据集
ORACLE CLOUD 在国内有数据中心吗?
“68道 Redis+168道 MySQL”精品面试题(带解析),你背废了吗?
掌握Redis的Sentinel哨兵原理,可助你拿到25k的offer
正向代理与反向代理
leetcode:202. 快乐数