分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

浅谈js的sort()方法

发布时间:2023-09-06 01:45责任编辑:蔡小小关键词:js

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码(字符串Unicode码点)的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

怎么获取字符串Unicode编码了?

charAt和charCodeAt

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。
方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。

var str = "abcdefg";console.log(str.charAt(0)); ????????????????????//aconsole.log(str.charCodeAt(0)); ????????????????//97console.log(str.charCodeAt(0).toString(16)); ???//61var str2 = "12345677";console.log(str2.charAt(0)); ???????????????????//1console.log(str2.charCodeAt(0)); ???????????????//49console.log(str2.charCodeAt(0).toString(16)); ??//31var str3 = "数据在计算机中的表示,最终以二进制的形式存在,所以有时候使用二进制";console.log(str3.charAt(0)); ??????????????????????????//数console.log(str3.charCodeAt(0)); ??????????????????????//25968console.log(str3.charCodeAt(0).toString(16)); ?????????//6570

array.sort()方法默认是升序排序,如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

  • 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
  • 若 a 等于 b,则返回 0。
  • 若 a 大于 b,则返回一个大于 0 的值。

普通数组升序

var arr = [4,3,6,5,7,2,1];arr.sort();console.log(arr);//输出结果[1,2,3,4,5,6,7]

普通数据降序

var arr = [4,3,6,5,7,2,1];arr.sort();arr.sort(function(a,b){ ???return b-a;});console.log(arr);//输出结果[7,6,5,4,3,2,1]

对象数组排序

var arr= [ ????{ ‘sortNo‘: 2}, ???{ ‘sortNo‘: 1}, ???{ ‘sortNo‘: 5}, ???{ ‘sortNo‘: 6}, ???{ ‘sortNo‘: 7}, ???{ ‘sortNo‘: 3}, ???{ ‘sortNo‘: 9}, ???{ ‘sortNo‘: 4}, ???{ ‘sortNo‘: 0}];arr.sort(function(a, b){ ???????return a.sortNo - b.sortNo;});console.log(arr);//输出结果//{ ‘sortNo‘: 2}//{ ‘sortNo‘: 1}//{ ‘sortNo‘: 5}//{ ‘sortNo‘: 6}//{ ‘sortNo‘: 7}//{ ‘sortNo‘: 3}//{ ‘sortNo‘: 9}//{ ‘sortNo‘: 4}//{ ‘sortNo‘: 0}

对象数组多条件排序

此例如果sortNo相同,则按sortNo2从大到小

var arr= [ ????{ ‘sortNo‘: 2, ‘sortNo2‘: 3}, ???{ ‘sortNo‘: 1, ‘sortNo2‘: 3}, ???{ ‘sortNo‘: 5, ‘sortNo2‘: 3}, ???{ ‘sortNo‘: 6, ‘sortNo2‘: 3}, ???{ ‘sortNo‘: 7, ‘sortNo2‘: 3}, ???{ ‘sortNo‘: 3, ‘sortNo2‘: 4}, ???{ ‘sortNo‘: 3, ‘sortNo2‘: 2}, ???{ ‘sortNo‘: 3, ‘sortNo2‘: 1}, ???{ ‘sortNo‘: 3, ‘sortNo2‘: 3}, ???{ ‘sortNo‘: 8, ‘sortNo2‘: 3}, ???{ ‘sortNo‘: 4, ‘sortNo2‘: 1}, ???{ ‘sortNo‘: 4, ‘sortNo2‘: 2}];arr.sort(function(a, b){ ???if (a.sortNo === b.sortNo) { ???????????return b.sortNo2 - a.sortNo2; ???} else { ???????????return a.sortNo - b.sortNo; ???}});console.log(arr); //输出结果//{ ‘sortNo‘: 1, ‘sortNo2‘: 3}//{ ‘sortNo‘: 2, ‘sortNo2‘: 3}//{ ‘sortNo‘: 3, ‘sortNo2‘: 4}//{ ‘sortNo‘: 3, ‘sortNo2‘: 3}//{ ‘sortNo‘: 3, ‘sortNo2‘: 2}//{ ‘sortNo‘: 3, ‘sortNo2‘: 1}//{ ‘sortNo‘: 4, ‘sortNo2‘: 2}//{ ‘sortNo‘: 4, ‘sortNo2‘: 1}//{ ‘sortNo‘: 5, ‘sortNo2‘: 3}//{ ‘sortNo‘: 6, ‘sortNo2‘: 3}//{ ‘sortNo‘: 7, ‘sortNo2‘: 3}//{ ‘sortNo‘: 8, ‘sortNo2‘: 3} ?

浅谈js的sort()方法

原文地址:https://www.cnblogs.com/bq-med/p/8582186.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved