当前位置:首页 > 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实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 // 方…

js实现轮播图

js实现轮播图

轮播图实现方法 基础HTML结构 <div class="slider"> <div class="slides"> <img src="image1.jpg…

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现计算器

js实现计算器

实现基础计算器功能 使用JavaScript创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div cl…

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、图…