JS——数组Array中的sort函数详解

最新推荐文章于 2024-09-21 08:00:00 发布

JieFighting

最新推荐文章于 2024-09-21 08:00:00 发布

阅读量755

点赞数 1

分类专栏：前端文章标签： JS 前端框架

本文链接：https://blog.csdn.net/fuzhijieabc/article/details/125971806

版权

前端专栏收录该内容

13 篇文章 1 订阅

订阅专栏

本文深入解析JavaScript中的Array.sort()方法，揭示其默认排序机制可能导致的数字排序问题。通过自定义比较器，可以实现数字从小到大、从大到小排序，以及对象属性排序。同时，示例展示了如何利用sort()方法打乱数组顺序。对于对象数组，可以通过比较特定属性进行排序。在实际开发中，理解sort()的工作原理至关重要，避免出现排序错误。

摘要由CSDN通过智能技术生成

Array.sort()底层使用类似Map原地算法对数组的元素进行排序（会改变原数组的元素顺序），并返回排序好的数组

如果采用默认的sort()排序方式，会将元素（包括数字）转换为各个字符的Unicode后再进行排序，这也是为什么使用默认sort()排序方式排序数字，有可能会出现错乱的情况

var arr = [101,5,1,2,3,4];
arr.sort();		//  [1, 101, 2, 3, 4, 5]
//1对应的Unicode为\u0031
//101对应的Unicode为\u0031\u0030\u0031
//2对应的Unicode为\u0032
//...其他省略，直到原理就好，实际开发应用中注意避坑

自定义比较器

数字的从小到大排序

var arr = [1,101,2,101,3,4];
arr.sort(function(a,b){
	return a-b;
});
arr;		//[1,2,3,4,101,201]

数字的从大到小

var arr = [1,101,2,101,3,4];
arr.sort(function(a,b){
	return b-a;
});
arr;		//[201,101,4,3,2,1]

打乱数组顺序

ar arr = [1,101,2,101,3,4];
arr.sort(function(a,b){
	if(Math.random() < 0.5){
		return a - b;
	}else{
		return b - a;
	}
});
arr;		//随机

对象的某一属性

 var userList = [
    { name: "JieFighting", age: 22 },
    { name: "zhangsan", age: 21 },
    { name: "lisi", age: 20 }
  ];
  userList.sort(function (user1, user2) {
    return user1.age - user2.age;
  });
  console.log(userList);    //[{ name: "lisi", age: 20 },{ name: "zhangsan", age: 21 }, { name: "JieFighting", age: 22 }]

参考博客：[JavaScript数组sort()排序函数详细解析]