JS 数组排序 （ 4种方法 ）

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

文章目录

• • • 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数组排序的一些基本方法及其用法。实际使用时，需要根据具体情况选择合适的排序策略。