您现在的位置是:首页 > 唯美句子

JS 数组排序 ( 4种方法 )

作者:言安琪时间:2024-04-27 08:37:41分类:唯美句子

简介  文章浏览阅读1k次,点赞42次,收藏30次。JavaScript内置sort()方法对数组排序,默认按字符串顺序,传入比较函数实现自定义排序。另有reverse()可反转数组顺序。对于复杂排序场景,可结合自定义逻辑或第三方库如Lodash。

点击全文阅读

还是大剑师兰特:曾是美国某知名大学计算机专业研究生,现为航空航海领域高级前端工程师;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数组排序的一些基本方法及其用法。实际使用时,需要根据具体情况选择合适的排序策略。

点击全文阅读

郑重声明:

本站所有活动均为互联网所得,如有侵权请联系本站删除处理

我来说两句