当前位置:首页 > JavaScript

js sort实现

2026-04-04 04:50:29JavaScript

JavaScript 中的排序实现

在 JavaScript 中,数组的排序可以通过 Array.prototype.sort() 方法实现。该方法默认将元素转换为字符串并按照 Unicode 码点顺序排序。为了更灵活地排序,可以传入自定义的比较函数。

默认排序(按 Unicode 码点)

默认情况下,sort() 方法会将数组元素转换为字符串并比较它们的 Unicode 码点顺序。例如:

const fruits = ['banana', 'apple', 'orange', 'grape'];
fruits.sort();
console.log(fruits); // ['apple', 'banana', 'grape', 'orange']

对于数字排序,默认行为可能导致不符合预期的结果:

const numbers = [10, 2, 5, 1];
numbers.sort();
console.log(numbers); // [1, 10, 2, 5](按字符串比较)

自定义比较函数

为了正确排序数字或其他复杂数据类型,可以传入一个比较函数。比较函数接收两个参数(通常称为 ab),并根据返回值决定排序顺序:

  • 返回负数:a 排在 b 前面。
  • 返回正数:b 排在 a 前面。
  • 返回 0:顺序不变。
数字升序排序
const numbers = [10, 2, 5, 1];
numbers.sort((a, b) => a - b);
console.log(numbers); // [1, 2, 5, 10]
数字降序排序
const numbers = [10, 2, 5, 1];
numbers.sort((a, b) => b - a);
console.log(numbers); // [10, 5, 2, 1]
对象数组排序

对于对象数组,可以根据对象的某个属性排序:

const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 20 }
];

// 按 age 升序排序
users.sort((a, b) => a.age - b.age);
console.log(users);
// [
//   { name: 'Charlie', age: 20 },
//   { name: 'Alice', age: 25 },
//   { name: 'Bob', age: 30 }
// ]

字符串排序(忽略大小写)

如果需要忽略大小写排序字符串,可以先将字符串转换为统一大小写:

const names = ['Alice', 'bob', 'Charlie', 'dave'];
names.sort((a, b) => a.localeCompare(b, undefined, { sensitivity: 'base' }));
console.log(names); // ['Alice', 'bob', 'Charlie', 'dave']

稳定排序

从 ES2019 开始,sort() 方法被要求是稳定的,即相同值的元素在排序后保持原始顺序。例如:

const items = [
  { name: 'Apple', category: 'fruit' },
  { name: 'Carrot', category: 'vegetable' },
  { name: 'Banana', category: 'fruit' }
];

// 按 category 排序(稳定排序)
items.sort((a, b) => a.category.localeCompare(b.category));
console.log(items);
// [
//   { name: 'Apple', category: 'fruit' },
//   { name: 'Banana', category: 'fruit' },
//   { name: 'Carrot', category: 'vegetable' }
// ]

性能注意事项

sort() 方法的时间复杂度因浏览器实现而异,但通常是 O(n log n)。对于大型数组,自定义比较函数的性能可能成为瓶颈,应尽量减少比较函数的复杂度。

js sort实现

通过灵活使用比较函数,可以满足大多数排序需求。

标签: jssort
分享给朋友:

相关文章

js钟表实现

js钟表实现

实现JavaScript钟表的基本方法 创建一个简单的JavaScript钟表可以通过以下步骤完成,涵盖数字和模拟两种形式。 数字钟表实现 HTML结构只需一个显示时间的容器: <div i…

js实现密码

js实现密码

密码强度验证 使用正则表达式验证密码强度是一种常见方法。以下代码检查密码是否包含大小写字母、数字和特殊字符,且长度至少为8位: function checkPasswordStrength(pass…

实现继承js

实现继承js

实现继承的方式 在JavaScript中,实现继承可以通过多种方式完成,每种方式都有其优缺点。以下是几种常见的实现继承的方法: 原型链继承 原型链继承是最基本的继承方式,通过将子类的原型指向父类的实…

js实现 拖动

js实现 拖动

实现拖动的步骤 HTML 结构 创建一个可拖动的元素和一个放置区域: <div id="draggable" draggable="true">拖动我</div> <d…

js实现删除

js实现删除

使用 splice 方法删除数组元素 splice 方法可以删除数组中的元素,并返回被删除的元素。它接受两个参数:起始索引和要删除的元素数量。 const array = [1, 2, 3, 4…

js 实现图片轮播

js 实现图片轮播

基础实现方案 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS负责样式布局,JavaScript处理轮播逻辑。 <div class="…