当前位置:首页 > JavaScript

js实现升序降序

2026-02-03 04:16:26JavaScript

JavaScript 数组排序(升序/降序)

升序排序

使用 sort() 方法默认按 Unicode 编码升序排列。对数字数组需传入比较函数:

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

降序排序

在比较函数中将 b - a 即可实现降序:

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

对象数组排序

根据对象属性排序时,需在比较函数中指定属性:

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

// 按 age 升序
users.sort((a, b) => a.age - b.age);

// 按 age 降序
users.sort((a, b) => b.age - a.age);

字符串排序

对字符串数组直接使用 sort() 会按字母顺序升序排列。降序需结合 reverse()

js实现升序降序

const fruits = ['banana', 'apple', 'orange'];
fruits.sort(); // 升序 ['apple', 'banana', 'orange']
fruits.sort().reverse(); // 降序 ['orange', 'banana', 'apple']

注意事项

  • sort() 会修改原数组,如需保留原数组需先拷贝:
    const sorted = [...arr].sort((a, b) => a - b);
  • 对包含大数的数组建议使用 Intl.Collator 提高性能:
    const collator = new Intl.Collator();
    largeArray.sort(collator.compare);

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

相关文章

js实现降序

js实现降序

数组降序排序 在JavaScript中,可以通过sort()方法结合比较函数实现数组的降序排序。默认情况下,sort()会将元素转换为字符串并按升序排列,因此需要自定义比较逻辑。 const arr…

js实现升序

js实现升序

使用数组的 sort 方法实现升序 在 JavaScript 中,数组的 sort 方法默认按照字符串 Unicode 码点排序。若需对数字数组升序排序,需传入比较函数: const numbers…

js实现升序排列

js实现升序排列

使用 Array.prototype.sort() 方法 JavaScript 数组的 sort() 方法默认将元素转换为字符串并按 Unicode 码点排序。为实现升序排列,需传入比较函数: co…

vue实现升序降序

vue实现升序降序

Vue 实现升序降序 在 Vue 中实现升序和降序功能通常涉及对数组数据的排序操作。可以通过计算属性或方法结合 JavaScript 的 sort() 方法来实现。以下是具体实现方式: 基本实现…

js数组升序排序实现

js数组升序排序实现

使用 sort() 方法 JavaScript 数组的 sort() 方法默认将元素转换为字符串并按 Unicode 码点排序。为实现数字升序排序,需传入比较函数: const arr = [3,…

js 实现降序

js 实现降序

数组降序排序 使用 sort() 方法结合比较函数实现降序排列: const numbers = [3, 1, 4, 1, 5, 9]; numbers.sort((a, b) => b -…