当前位置:首页 > JavaScript

js sort 实现

2026-01-16 13:26:01JavaScript

数组排序基础方法

JavaScript 数组的 sort() 方法默认按照字符串 Unicode 码点顺序排序。直接调用时会将元素转为字符串再比较:

const arr = [10, 2, 5, 1];
arr.sort(); // 结果为 [1, 10, 2, 5]

数字升序排序

通过比较函数实现数字升序排列:

const numbers = [40, 100, 1, 5, 25];
numbers.sort((a, b) => a - b);
// 结果 [1, 5, 25, 40, 100]

数字降序排序

比较函数返回 b - a 可实现降序:

const nums = [15, 3, 20, 7];
nums.sort((a, b) => b - a);
// 结果 [20, 15, 7, 3]

对象属性排序

根据对象属性值排序需要自定义比较逻辑:

js sort 实现

const items = [
  { name: 'Edward', value: 21 },
  { name: 'Sharpe', value: 37 }
];
items.sort((a, b) => a.value - b.value);

字符串排序

对字符串数组进行不区分大小写的排序:

const names = ['Zoey', 'amy', 'bob'];
names.sort((a, b) => a.localeCompare(b, undefined, { sensitivity: 'base' }));
// 结果 ['amy', 'bob', 'Zoey']

稳定排序实现

ES2019 后 sort() 已经是稳定排序,相同值的元素保持原始相对顺序。如需自行实现稳定排序:

js sort 实现

function stableSort(array, compareFn) {
  const indexed = array.map((value, index) => ({ value, index }));
  indexed.sort((a, b) => compareFn(a.value, b.value) || a.index - b.index);
  return indexed.map(x => x.value);
}

多条件排序

通过组合比较条件实现多级排序:

const students = [
  { name: 'Alex', grade: 15, age: 10 },
  { name: 'Bob', grade: 15, age: 8 }
];
students.sort((a, b) => {
  if (a.grade !== b.grade) return a.grade - b.grade;
  return a.age - b.age;
});

自定义排序规则

实现非标准排序逻辑,如奇偶分组:

const customArr = [3, 1, 4, 2];
customArr.sort((a, b) => {
  const aOdd = a % 2;
  const bOdd = b % 2;
  if (aOdd === bOdd) return a - b;
  return bOdd - aOdd;
});
// 结果 [1, 3, 2, 4]

性能优化建议

对大型数组排序时,避免在比较函数中进行复杂计算。可预先计算排序依据:

const bigData = /* 大型数据集 */;
bigData.forEach(item => item.sortKey = /* 计算排序键 */);
bigData.sort((a, b) => a.sortKey - b.sortKey);

标签: jssort
分享给朋友:

相关文章

js实现验证码

js实现验证码

实现验证码的JavaScript方法 生成随机验证码 使用Math.random()生成随机字符串,结合数字和字母: function generateCaptcha() { const cha…

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…

js实现祖玛

js实现祖玛

实现祖玛游戏的核心思路 祖玛游戏的核心玩法是发射彩色珠子,形成三个或以上相同颜色的珠子即可消除。以下是使用JavaScript实现的基本框架。 游戏初始化 创建画布并初始化游戏状态: const…

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…