js如何对数组进行排序（包括数组对象）

原创已于 2023-11-21 09:53:47 修改 · 9k 阅读

19 ·

本内容遵循CC 4.0 BY-SA版权协议

本文为博主原创文章，转载无需注明出处。水平有限，错误百出，望谨慎转载

收录于

实用代码片段

于 2019-12-13 16:15:25 首次发布

本文详细介绍JavaScript中数组的排序、反转及自定义排序规则，包括如何根据数组对象的属性进行排序，帮助开发者掌握高效处理数组的方法。

作者推荐：【Java代码生成神器】自动化生成Java实体类、代码、增删改查功能！

原文：
——————————————————————————————————————

1.字符串排序 sort()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // 对 fruits 中的元素进行排序

注意：使用 sort() 对数值进行排序会产生错误，因为此方法是按字符串顺序进行排序的，如 “25” 大于 “100”，因为 “2” 大于 “1”。

2.反转数组，reverse() 方法反转数组中的元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // 对 fruits 中的元素进行排序
fruits.reverse();         // 反转元素顺序

3.字符串数组自定义排序规则

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){
    return a - b;//根据a.b的数值大小进行排序
});

返回正值代表a>b，0 值代表相等，如果要逆序排序只需要调换 a,b 的参数位置即可

4.数组对象排序
根据数组对象某个属性进行排序

var cars = [
{type:"Volvo", year:2016},
{type:"Saab", year:2001},
{type:"BMW", year:2010}];

//1.数值属性：根据对象的year属性进行排序
cars.sort(function(a, b){return a.year - b.year});

//2.字符属性：根据对象的type属性进行排序
cars.sort(function(a, b){
	  var x = a.type.toLowerCase();
	  var y = b.type.toLowerCase();
	  if (x < y) {
          return -1;
      }
	  if (x > y) {
          return 1;
      }
	  return 0;
});