如何在JavaScript中实现十进制时间的整数时间单位转换？

Hey there! Let's solve this problem of converting decimal time values (like 2.5小时 or 65.2分钟) into integer-based time units (e.g., 150 minutes, 3912 seconds). I'll walk you through a practical JavaScript solution that handles common conversions and lets you tweak the behavior based on your needs.

Approach #

1. Parse the Input: Extract the numeric value and its original time unit (小时, 分钟, 秒) from the input string using a regular expression.
2. Unify to a Base Unit: Convert the input value to total seconds first—this makes cross-unit calculations straightforward.
3. Convert to Target Unit: Translate the total seconds into your desired target unit, then apply integer rounding (we'll cover different rounding options depending on your use case).

Code Implementation #

Here's a reusable function that handles the conversion, with comments explaining each step:

function convertDecimalTime(input, targetUnit) {
  // Match input format: numeric value + space + Chinese time unit
  const timeMatch = input.match(/^(\d+\.?\d*) (小时|分钟|秒)$/);
  
  // Validate input format
  if (!timeMatch) {
    return 'Invalid input format! Use something like "2.5小时" or "65.2分钟".';
  }

  // Extract numeric value and original unit
  const rawValue = parseFloat(timeMatch[1]);
  const originalUnit = timeMatch[2];

  // Define conversion factors to and from seconds (our base unit)
  const unitToSeconds = {
    '小时': 3600,   // 1 hour = 3600 seconds
    '分钟': 60,     // 1 minute = 60 seconds
    '秒': 1         // 1 second = 1 second
  };

  const secondsToUnit = {
    '小时': 1/3600, // Convert seconds back to hours
    '分钟': 1/60,   // Convert seconds back to minutes
    '秒': 1         // Keep as seconds
  };

  // Calculate total seconds from input
  const totalSeconds = rawValue * unitToSeconds[originalUnit];
  // Convert total seconds to target unit
  const targetValue = totalSeconds * secondsToUnit[targetUnit];

  // Handle integer rounding based on conversion direction
  if (
    // Converting to smaller units (e.g., hours → minutes/seconds) will always be exact integers
    (originalUnit === '小时' && ['分钟', '秒'].includes(targetUnit)) ||
    (originalUnit === '分钟' && targetUnit === '秒')
  ) {
    return `${Math.floor(targetValue)} ${targetUnit}`;
  } else {
    // Converting to larger units (e.g., minutes → hours) may have decimals—use rounding
    return `${Math.round(targetValue)} ${targetUnit}`;
  }
}

Test Cases #

Let's test the function with your examples and a few more scenarios:

// Basic conversions (exact integers)
console.log(convertDecimalTime('2.5小时', '分钟')); // Output: "150 分钟"
console.log(convertDecimalTime('65.2分钟', '秒'));   // Output: "3912 秒"
console.log(convertDecimalTime('1.25小时', '秒'));   // Output: "4500 秒"

// Conversion to larger units (with rounding)
console.log(convertDecimalTime('90.5分钟', '小时')); // Output: "2 小时" (rounded up from ~1.508)
console.log(convertDecimalTime('89.9分钟', '小时')); // Output: "1 小时" (rounded down from ~1.498)

Notes #

• Input Flexibility: If your input doesn't have a space between the number and unit (e.g., 2.5小时 without space), adjust the regex to /^(\d+\.?\d*)(小时|分钟|秒)$/.
• Rounding Options: Swap Math.round with Math.floor (to always round down) or Math.ceil (to always round up) based on your needs. For example, 90.5分钟 to hours would be 1 小时 with Math.floor instead of 2 小时.
• Extending to Other Units: You can add support for days, milliseconds, etc., by updating the unitToSeconds and secondsToUnit objects with the appropriate conversion factors.

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