当前位置:首页 > JavaScript

js 实现sort

2026-04-05 20:01:42JavaScript

实现 JavaScript 的 sort 方法

JavaScript 的 Array.prototype.sort 方法用于对数组元素进行排序。默认情况下,它将元素转换为字符串并按照 Unicode 码点顺序排序。可以通过传递一个比较函数来自定义排序行为。

默认排序(按 Unicode 码点)

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

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

自定义排序(使用比较函数)

通过传递一个比较函数,可以自定义排序逻辑。比较函数接收两个参数 ab,并返回以下值:

  • 负数:a 排在 b 前面
  • 正数:b 排在 a 前面
  • 零:顺序不变
const numbers = [40, 100, 1, 5, 25];
numbers.sort((a, b) => a - b); // 升序排序
console.log(numbers); // [1, 5, 25, 40, 100]

numbers.sort((a, b) => b - a); // 降序排序
console.log(numbers); // [100, 40, 25, 5, 1]

对象数组排序

对于对象数组,可以通过比较对象的某个属性值来排序。

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

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

字符串排序(不区分大小写)

默认的字符串排序区分大小写。可以通过转换为统一大小写来实现不区分大小写的排序。

const fruits = ['banana', 'Apple', 'orange', 'Cherry'];
fruits.sort((a, b) => a.localeCompare(b, undefined, { sensitivity: 'base' }));
console.log(fruits); // ['Apple', 'banana', 'Cherry', 'orange']

稳定排序

从 ES2019 开始,sort 方法是稳定的,即对于相同值的元素,排序后的相对顺序与排序前一致。

js 实现sort

const items = [
  { name: 'Apple', weight: 1 },
  { name: 'Banana', weight: 2 },
  { name: 'Cherry', weight: 1 }
];

items.sort((a, b) => a.weight - b.weight);
console.log(items);
// [
//   { name: 'Apple', weight: 1 },
//   { name: 'Cherry', weight: 1 },
//   { name: 'Banana', weight: 2 }
// ]

注意事项

  • sort 方法会修改原数组。
  • 对于数字排序,直接使用默认排序会导致错误结果(如 [1, 10, 2, 20])。
  • 复杂排序可能需要更复杂的比较函数。

标签: jssort
分享给朋友:

相关文章

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js实现跑马灯

js实现跑马灯

实现跑马灯效果 使用HTML和JavaScript可以轻松实现跑马灯效果。以下是两种常见的实现方式: HTML结构 <div id="marquee"> <span>…

js实现滚动

js实现滚动

实现滚动效果的方法 在JavaScript中实现滚动效果可以通过多种方式完成,以下是一些常见的方法: 使用window.scrollTo() window.scrollTo()方法可以将页面滚动到指…

js实现定位

js实现定位

使用Geolocation API获取当前位置 在JavaScript中,可以通过浏览器内置的Geolocation API获取用户的地理位置信息。该API需要用户授权才能访问位置数据。 if (n…

js实现乘法

js实现乘法

实现乘法运算的方法 在JavaScript中实现乘法运算可以通过多种方式完成,以下列举几种常见方法: 基础运算符 直接使用乘法运算符*是最简单的方式: let result = 3 * 5; //…

js 实现mvc

js 实现mvc

MVC 模式简介 MVC(Model-View-Controller)是一种软件设计模式,将应用程序分为三个核心组件:模型(Model)处理数据和业务逻辑,视图(View)负责展示数据,控制器(Con…