首页 前端知识 JS 数组排序 ( 4种方法 )

JS 数组排序 ( 4种方法 )

2024-04-29 11:04:20 前端知识 前端哥 451 586 我要收藏

还是大剑师兰特:曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;CSDN知名博主,GIS领域优质创作者,深耕openlayers、leaflet、mapbox、cesium,canvas,webgl,echarts等技术开发,欢迎加底部微信(gis-dajianshi),一起交流。

在这里插入图片描述

No.内容链接
1Openlayers 【入门教程】 - 【源代码+示例300+】
2Leaflet 【入门教程】 - 【源代码+图文示例 150+】
3Cesium 【入门教程】 - 【源代码+图文示例200+】
4MapboxGL【入门教程】 - 【源代码+图文示例150+】
5前端就业宝典 【面试题+详细答案 1000+】

在这里插入图片描述

文章目录

      • 1. `sort()` 方法
      • 2. `reverse()` 方法
      • 3. `sort()` 结合自定义比较函数实现复杂排序
      • 4. 使用 Lodash 或其他第三方库提供的排序方法


在这里插入图片描述

JavaScript中对数组排序的方法主要包括:

1. sort() 方法

语法:

array.sort([compareFunction])

注意事项:

  • sort() 方法会就地修改数组,这意味着它直接改变了原数组。
  • 如果没有提供比较函数,sort() 方法将尝试将数组元素转换为字符串并对结果进行排序,这可能导致意外结果,特别是对于数字数组。
  • 对于数字排序,通常需要提供一个比较函数来正确排序。

代码示例:

let numbers = [40, 100, 1, 5, 25, 10];
numbers.sort(function(a, b) {
  return a - b; // 升序排序
});

console.log(numbers); // 输出: [1, 5, 10, 25, 40, 100]

// 如果数组是对象数组,按某个属性排序
let people = [
  {name: 'Alice', age: 30},
  {name: 'Bob', age: 20},
  {name: 'Charlie', age: 40}
];
people.sort((a, b) => a.age - b.age);

console.log(people);
// 输出: [{name: 'Bob', age: 20}, {name: 'Alice', age: 30}, {name: 'Charlie', age: 40}]

2. reverse() 方法

语法:

array.reverse()

注意事项:

  • reverse() 方法也会就地修改数组,将数组元素的顺序反转。
  • 这不是一个严格意义上的排序方法,但如果目的是反转数组顺序,这是一个快捷方式。

代码示例:

let letters = ['a', 'b', 'c', 'd', 'e'];
letters.reverse();

console.log(letters); // 输出: ['e', 'd', 'c', 'b', 'a']

3. sort() 结合自定义比较函数实现复杂排序

有时候,尤其是面对对象数组,需要根据对象的多个属性进行排序时,可以编写复杂的比较函数。

代码示例:

let complexObjects = [
  { name: 'John', age: 25, score: 85 },
  { name: 'Jane', age: 30, score: 90 },
  { name: 'John', age: 20, score: 95 }
];

complexObjects.sort((a, b) => {
  // 首先按姓名升序排序,再按年龄降序排序,最后按分数降序排序
  let nameCompare = a.name.localeCompare(b.name);
  if (nameCompare === 0) {
    let ageCompare = b.age - a.age;
    if (ageCompare === 0) {
      return b.score - a.score;
    }
    return ageCompare;
  }
  return nameCompare;
});

console.log(complexObjects);

4. 使用 Lodash 或其他第三方库提供的排序方法

对于更复杂的排序需求,开发者可以使用诸如 Lodash 这样的第三方库,它们提供了丰富多样的排序功能。例如,在 Lodash 中可以这样排序:

import _ from 'lodash';

let sortedArray = _.orderBy(complexObjects, ['name', 'age', 'score'], ['asc', 'desc', 'desc']);

以上是对JavaScript数组排序的一些基本方法及其用法。实际使用时,需要根据具体情况选择合适的排序策略。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6050.html
评论
发布的文章

qt JSON和字符串相互转换

2024-05-05 12:05:04

nlohmann::json从入门到精通

2024-05-05 12:05:00

Android-第十节JSON讲解

2024-05-05 12:05:35

FastJson 框架详解

2024-05-05 12:05:31

MySql操作JSON

2024-05-05 12:05:31

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!