JS实现根据数组对象的某一属性排序操作示例

下面是JS实现根据数组对象的某一属性排序操作的完整攻略。

1. 问题背景

在前端开发中，我们经常会遇到需要对数组对象按照某一属性进行排序的问题。比如，我们有一个包含多个学生信息的数组对象，每个学生对象都有学号、姓名、成绩等属性，我们希望按照成绩从高到低对学生进行排序，以便于进行查找和展示。

2. 定义排序函数

针对上述问题，我们需要定义一个排序函数，实现按照某一属性进行排序的功能。以下是一个通用的排序函数模板：

function sortArrayObjectByKey(arrayObject, sortKey, sortOrder) {
  return arrayObject.sort((a, b) => {
    const valueA = a[sortKey];
    const valueB = b[sortKey];
    let compare = 0;
    if (valueA > valueB) {
      compare = 1;
    } else if (valueA < valueB) {
      compare = -1;
    }
    return sortOrder === 'desc' ? compare * -1 : compare;
  });
}

该函数接受三个参数：

• arrayObject：要排序的数组对象。
• sortKey：按照哪个属性进行排序。
• sortOrder：排序方式，可选值为asc(升序，默认值)和desc(降序)。

该函数内部使用了Array.prototype.sort()方法进行排序，排序规则根据属性值的大小进行比较，如果sortOrder为desc，则维持降序排列，否则维持升序排列。

3. 示例说明

以下是两个示例说明，演示如何实现根据数组对象的某一属性进行排序：

3.1 示例一

假设我们有如下的一个数组对象：

const students = [
  { id: 1001, name: '张三', score: 89 },
  { id: 1002, name: '李四', score: 75 },
  { id: 1003, name: '王五', score: 92 },
  { id: 1004, name: '赵六', score: 78 },
];

我们需要按照成绩从高到低对学生进行排序，可以通过以下调用函数实现：

const sortedStudents = sortArrayObjectByKey(students, 'score', 'desc');
console.log(sortedStudents);

最终输出结果为：

[
  { id: 1003, name: '王五', score: 92 },
  { id: 1001, name: '张三', score: 89 },
  { id: 1004, name: '赵六', score: 78 },
  { id: 1002, name: '李四', score: 75 }
]

3.2 示例二

现在我们有如下的一个数组对象：

const fruits = [
  { name: '苹果', price: 5.2 },
  { name: '香蕉', price: 3.8 },
  { name: '橘子', price: 2.5 },
  { name: '柚子', price: 4.3 },
];

我们需要按照价格从低到高对水果进行排序，可以通过以下调用函数实现：

const sortedFruits = sortArrayObjectByKey(fruits, 'price', 'asc');
console.log(sortedFruits);

最终输出结果为：

[
  { name: '橘子', price: 2.5 },
  { name: '香蕉', price: 3.8 },
  { name: '柚子', price: 4.3 },
  { name: '苹果', price: 5.2 }
]

通过上述两个示例，我们可以看到在使用上述通用的排序函数时，只需要传入不同的arrayObject、sortKey和sortOrder参数即可实现对数组对象按照指定属性排序的功能。