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

news/2024/7/19 16:37:30 标签: JS, 前端框架

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()排序函数详细解析]


http://www.niftyadmin.cn/n/1095762.html

相关文章

SQL Server 查询哪些对象(表\视图\存储过程)包含有某个字段

select * from INFORMATION_SCHEMA.COLUMNS where COLUMN_NAME like %Email%转载于:https://www.cnblogs.com/zdjcnblogs/p/3332547.html

JS——nth-child和nth-of-type的区别以及nth-of-type下的坑

CSS3:nth-child()选择器 :nth-child(n)选择器匹配属于其父元素的第n个子元素&#xff0c;无论元素的类型 <!DOCTYPE html> <html><head><style>/* 选择的是p元素的父元素下的第二个子元素&#xff08;无论类型&#xff09;的每个p的背景色为red */p:…

WCF获取元数据

WCF获取元数据 所谓获取WCF的服务元数据&#xff08;Metadata&#xff09;&#xff0c;归根结点&#xff0c;实际上就是获取服务的终结点(Endpoint)的信息&#xff0c;这是服务公开在外的数据信息&#xff0c;包括Address、Binding与Contract&#xff0c;也就是所谓的ABCs。Juv…

JS循环遍历中使用异步

参考&#xff1a;https://blog.csdn.net/qq_45265059/article/details/119892746 JS循环遍历中使用异步 对于同步顺序执行异步操作&#xff0c;并且每次异步操作都需要随着循环顺序执行 对于forEach来说 forEach 方法是同步的&#xff0c;也就是 forEach 的回调函数都是同步…

POJ 3352 Road Construction(边双连通分量,桥,tarjan)

题解转自http://blog.csdn.net/lyy289065406/article/details/6762370 文中部分思路或定义模糊&#xff0c;重写的红色部分为修改过的。 大致题意&#xff1a; 某个企业想把一个热带天堂岛变成旅游胜地&#xff0c;岛上有N个旅游景点&#xff0c;保证任意2个旅游景点之间有路…

为什么更改find()返回的值,原数组也会被改变

更改find()返回的值&#xff0c;原数组也会被改变 const b [{a:1},{a:2},3]; const node b.find(r>r.a 1); console.log(node); //{a:1} node.a 2; console.log(b);//[{a:2},{a:2},3];这是因为引用的是同一个对象。在JavaScript中&#xff0c;只有primitive值通过值传递…

1947Rebuilding Roads

大神的题解 题意&#xff1a;给一个包含n个节点的树&#xff0c;然后让你找一颗节点数为p的子树&#xff0c;同时让你删掉最少数目的边把这个子树给孤立起来&#xff0c;问这个最少的边数。 思路&#xff1a;很容易想到要用到01背包&#xff0c;要把子树的情况进行背包。用dp[r…

使用vite搭建vue3项目之集成vue-router(简单入门)

参考&#xff1a;https://blog.csdn.net/AllenZouJ/article/details/118757640 vite官方文档 vue-router文档 兼容性注意 Vite 需要 Node.js 版本 14.18&#xff0c;16。然而&#xff0c;有些模板需要依赖更高的 Node 版本才能正常运行&#xff0c;当你的包管理器发出警告时&am…