当前位置:首页 > JavaScript

js 实现降序

2026-03-14 13:45:16JavaScript

数组降序排序

使用 sort() 方法结合比较函数实现降序排列:

const numbers = [3, 1, 4, 1, 5, 9];
numbers.sort((a, b) => b - a);
console.log(numbers); // 输出: [9, 5, 4, 3, 1, 1]

对象数组按属性降序

对对象数组中的特定属性进行降序排序:

const items = [
  { name: 'Apple', price: 100 },
  { name: 'Banana', price: 50 },
  { name: 'Orange', price: 120 }
];

items.sort((a, b) => b.price - a.price);
console.log(items);
// 输出:
// [
//   { name: 'Orange', price: 120 },
//   { name: 'Apple', price: 100 },
//   { name: 'Banana', price: 50 }
// ]

字符串降序排序

对字符串数组进行降序排列时需要使用 localeCompare

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

保持原数组不变的降序排序

创建新数组进行排序而不修改原数组:

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

大数组高效排序

对于大型数组,考虑使用 TypedArray 提高性能:

js 实现降序

const largeArray = new Int32Array([...Array(1e6).keys()]);
largeArray.sort((a, b) => b - a);

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

相关文章

js 实现vue模板

js 实现vue模板

实现 Vue 模板的 JavaScript 方法 通过原生 JavaScript 可以实现类似 Vue 的模板渲染功能,主要包括数据绑定、指令处理和模板解析。以下是核心实现思路: 数据绑定与响应式…

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。…

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <htm…