登录
首页 >  文章 >  前端

JavaScript数组sort方法使用技巧

时间:2026-01-28 19:35:33 266浏览 收藏

亲爱的编程学习爱好者,如果你点开了这篇文章,说明你对《JavaScript数组排序技巧:sort方法详解》很感兴趣。本篇文章就来给大家详细解析一下,主要介绍一下,希望所有认真读完的童鞋们,都有实质性的提高。

JavaScript数组sort()默认按Unicode排序,数字需传比较函数:升序用(a,b)=>a-b,降序用(a,b)=>b-a;字符串忽略大小写用localeCompare;对象按属性排序需访问属性并处理空值。

javascript如何实现数组排序_ sort方法如何用

JavaScript 中数组的 sort() 方法默认按字符串 Unicode 码点排序,直接调用 arr.sort() 对数字数组排序会得到错误结果(比如 [10, 2, 30] 变成 [10, 2, 30] 而不是 [2, 10, 30])。要正确排序,关键在于传入一个比较函数。

数字升序排序:用 (a, b) => a - b

这是最常用的写法。比较函数返回负数、0 或正数,决定 a 在 b 前、位置不变或在 b 后:

  • a - b
  • a - b === 0 → 顺序不变
  • a - b > 0 → a 排在 b 后面

示例:

let nums = [5, 2, 8, 1];
nums.sort((a, b) => a - b); // [1, 2, 5, 8]

数字降序排序:用 (a, b) => b - a

只需交换减数和被减数:

let nums = [5, 2, 8, 1];
nums.sort((a, b) => b - a); // [8, 5, 2, 1]

字符串按字母顺序排序(忽略大小写)

直接 sort() 会把大写字母排在小写前面(如 'Z' localeCompare() 安全处理:

let words = ['Banana', 'apple', 'Cherry'];
words.sort((a, b) => a.localeCompare(b)); // ['apple', 'Banana', 'Cherry']

如果必须区分大小写且按纯 ASCII 排,可统一转小写再比:

words.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()));

按对象某个属性排序

比如按用户年龄升序:

let users = [
  { name: 'Alice', age: 30 },
  { name: 'Bob', age: 25 },
  { name: 'Charlie', age: 35 }
];
users.sort((a, b) => a.age - b.age);
// 结果按 age 升序排列

若属性可能为 undefined 或 null,建议先做空值保护:

users.sort((a, b) => (a.age || 0) - (b.age || 0));

好了,本文到此结束,带大家了解了《JavaScript数组sort方法使用技巧》,希望本文对你有所帮助!关注golang学习网公众号,给大家分享更多文章知识!

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>