如何根据priorityTag属性对对象数组进行升序排序？

Hey there! Let's break down why your sorting function might not be working, and get it sorted (pun totally intended) properly.

First, Let's Identify Potential Issues in Your Code #

Your current code uses the right core logic for numeric sorting (a.priorityTag - b.priorityTag), but there are a few common pitfalls that could be causing problems:

• Array.sort() modifies the original array in-place – if you're expecting a new sorted array without altering the original, this won't happen.
• No handling for missing/non-numeric priorityTag – if any object doesn't have the property, or it's a string/null/undefined, the subtraction will return NaN and break the sort order.
• Your function doesn't return the sorted array – if you try to capture the result like const sorted = sortFeaturesPerPriority2(myArr), you'll get undefined.

Correct Implementations #

Option 1: Sort In-Place (Modifies Original Array)

This keeps the original array updated, and adds safeguards for edge cases:

sortFeaturesPerPriority2(arr) {
  logger.debug('[sortFeaturesPerPriority2]: arr:', arr);
  
  // Guard clause to avoid errors if input isn't an array
  if (!Array.isArray(arr)) return arr;

  arr.sort((a, b) => {
    // Handle missing/undefined priorityTag: push these items to the end
    const priorityA = a.priorityTag ?? Infinity;
    const priorityB = b.priorityTag ?? Infinity;
    
    // Numeric ascending sort
    return priorityA - priorityB;
  });

  // Return the sorted array for chaining convenience
  return arr;
}

Option 2: Return a New Sorted Array (Preserves Original)

If you don't want to modify the original array, make a shallow copy first:

sortFeaturesPerPriority2(arr) {
  logger.debug('[sortFeaturesPerPriority2]: arr:', arr);
  
  if (!Array.isArray(arr)) return [...arr];

  // Create a copy of the array before sorting
  return [...arr].sort((a, b) => {
    const priorityA = a.priorityTag ?? Infinity;
    const priorityB = b.priorityTag ?? Infinity;
    return priorityA - priorityB;
  });
}

Key Notes #

• Handling missing properties: The ?? Infinity ensures any object without priorityTag (or with a null/undefined value) gets pushed to the end of the sorted array. If you want these items to appear first, replace Infinity with -Infinity.
• Numeric vs string values: If priorityTag is stored as a string (e.g., "1" instead of 1), convert it to a number first: const priorityA = Number(a.priorityTag) ?? Infinity;
• Usage example:

  const testArr = [
    { name: "Feature C", priorityTag: 3 },
    { name: "Feature A", priorityTag: 1 },
    { name: "Feature D", priorityTag: undefined },
    { name: "Feature B", priorityTag: 2 },
  ];
  
  // For Option 2, original array stays untouched
  const sortedArr = sortFeaturesPerPriority2(testArr);
  // Result: [{name: "Feature A", ...}, {name: "Feature B", ...}, {name: "Feature C", ...}, {name: "Feature D", ...}]
  

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