当前位置:首页 > JavaScript

js实现降序

2026-03-14 07:08:27JavaScript

数组降序排序

使用 Array.prototype.sort() 方法结合比较函数实现降序排列。默认情况下,sort() 方法按升序排列元素。

const arr = [5, 2, 8, 1, 4];
arr.sort((a, b) => b - a);
console.log(arr); // 输出: [8, 5, 4, 2, 1]

比较函数 (a, b) => b - a 返回正值时,a 会排在 b 后面,从而实现降序。

对象数组按属性降序

若需根据对象属性降序排列,需在比较函数中指定属性名。

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

字符串数组降序

对字符串数组使用 localeCompare() 方法实现字典序降序。

const fruits = ['apple', 'banana', 'cherry'];
fruits.sort((a, b) => b.localeCompare(a));
console.log(fruits); // 输出: ['cherry', 'banana', 'apple']

保持原数组不变的降序

若需保留原数组,可先创建副本再排序。

js实现降序

const original = [3, 1, 4, 2];
const sorted = [...original].sort((a, b) => b - a);
console.log(original); // [3, 1, 4, 2]
console.log(sorted);   // [4, 3, 2, 1]

注意事项

  • sort() 方法会修改原数组。
  • 比较函数需返回数值:正数表示 a 应排在 b 后,负数表示 a 应排在 b 前,零表示顺序不变。
  • 对大型数组考虑性能时,可能需使用更高效的排序算法。

标签: 降序js
分享给朋友:

相关文章

js实现倒计时

js实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时功能可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是几种常见的实现方式: 使用 setInterva…

js防抖和节流实现

js防抖和节流实现

防抖(Debounce)的实现 防抖的核心思想是在事件被触发后,延迟执行回调函数。如果在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口大小调整等场景。 function debounce…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

js实现点击显示和隐藏

js实现点击显示和隐藏

实现点击显示和隐藏的JavaScript方法 使用classList.toggle切换类名 通过添加/移除CSS类控制元素的显示与隐藏,需提前在CSS中定义隐藏样式(如display: none)。…

js实现防洪

js实现防洪

防抖(Debounce)实现 防抖的核心思想是在事件触发后延迟执行回调函数,若在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口调整等场景。 function debounce(f…