如何按指定字段对对象数组排序？我的totalHours排序代码失效求助

首先，你的代码存在几个关键问题，导致排序逻辑无法正常工作：

• 字段判断不匹配：你在判断field == 'age'，但实际要排序的是totalHours字段，这会导致点击totalHours排序时根本不会进入这个分支。
• 排序函数不完整：Array.sort()的比较函数需要返回**-1、0、1**三种结果（分别对应a排在b前、两者相等、a排在b后），但你的代码只在特定条件下返回1，其他情况没有返回值（默认是undefined，相当于0），这会让排序逻辑完全混乱。
• 状态变量命名混淆：用sortedAge来控制totalHours的排序状态，不仅逻辑不清晰，还容易后续维护出错。

修正后的完整代码 #

我帮你重构了代码，解决了这些问题，同时简化了逻辑：

// 先定义一个状态变量，专门控制totalHours的排序方向
this.sortedTotalHours = false; // false表示当前是降序，true表示升序（可根据你的初始需求调整）

// 排序点击事件处理函数
handleSort(field) {
  if (field === 'totalHours') {
    // 切换排序状态
    this.sortedTotalHours = !this.sortedTotalHours;
    
    // 执行排序：利用数值相减简化逻辑，根据状态反转结果
    this.fltUsers.sort((a, b) => {
      const hourDiff = a.totalHours - b.totalHours;
      // 如果是升序状态，直接返回差值；降序则返回差值的相反数
      return this.sortedTotalHours ? hourDiff : -hourDiff;
    });
  }
}

代码解释 #

1. 字段匹配：把判断条件改成field === 'totalHours'，确保点击totalHours排序时能触发逻辑。
2. 完整排序逻辑：通过a.totalHours - b.totalHours直接得到数值差值，升序时返回这个差值（a小时数小则差值为负，排在前面），降序时返回差值的相反数，完美覆盖所有比较情况。
3. 清晰的状态变量：用sortedTotalHours明确对应totalHours的排序状态，避免混淆。
4. 简化代码：不用写两个重复的sort函数，通过状态变量动态调整排序方向，更易维护。

额外提示 #

如果你的totalHours可能是字符串类型（比如从接口返回的是字符串格式的数字），记得先转成数值再比较：

const hourDiff = Number(a.totalHours) - Number(b.totalHours);

这样修改后，点击按钮就能正常切换升序/降序排序了。

内容的提问来源于stack exchange，提问作者Jessie