JavaScript中如何高效编写特定时间戳转本地时间的函数

你当前的代码功能是正确的，但大量逐字符拆分拼接的逻辑确实冗余，我们可以用JS原生API大幅精简实现，同时提升稳定性和运行效率。 #

精简后实现代码 #

function get_timestamp(activityArray) {
  // 直接从数组首项拆分出日期段和时间段
  const [datePart, timePart] = activityArray[0].split('.');
  // 用字符串切片按固定位置截取年、月、日、时、分，无需拆分为单字符数组
  const year = datePart.slice(0, 4);
  const month = datePart.slice(4, 6);
  const day = datePart.slice(6, 8);
  const hour = timePart.slice(0, 2);
  const minute = timePart.slice(2, 4);
  // 构造UTC时间对象
  const targetTime = new Date(`${year}-${month}-${day}T${hour}:${minute}Z`);
  // 明确指定输出格式，避免不同环境默认配置差异导致结果异常
  return targetTime.toLocaleString('en-US', {
    year: 'numeric',
    month: 'numeric',
    day: 'numeric',
    hour: 'numeric',
    minute: '2-digit',
    second: '2-digit',
    hour12: true
  }).replace(',', ' ');
}

// 测试输出：7/14/2022 12:57:00 PM 和预期完全一致
console.log(get_timestamp(["20220714.1757"]));

核心优化点 #

• 移除所有无意义的中间变量：处理固定格式字符串时，String.slice()可以直接按位置截取指定长度的子串，不需要把字符串拆成单字符数组再逐位拼接，性能更高、代码更简洁
• 用数组解构直接接收split()的返回结果，减少冗余的变量声明
• 去掉了调试用的多余console.log语句，所有不会重新赋值的变量统一用const声明，符合JS开发最佳实践，避免意外的变量篡改
• 给toLocaleString()传入明确的区域码和格式配置，不依赖运行环境的默认设置，不会因为换了不同时区/语言设置的设备就输出不符合预期的格式
• 去掉了拆分格式化字符串再重新拼接的逻辑，用单次字符串替换就实现了逗号到空格的转换

自学参考方向 #

• 先熟练掌握JS原生String的常用方法：slice/substring/split/replace/match等，处理结构化字符串时这些方法的效率和可读性远高于逐字符操作
• 掌握ES6基础语法：数组/对象解构、const/let的使用场景、模板字符串，这些特性能帮你写出更精简的代码
• 系统过一遍Date对象的API，特别是toLocaleString/toLocaleDateString/toLocaleTimeString的配置参数，绝大多数时间格式化场景都不需要手动拼接字符串
• 如果后续要处理更复杂的时间场景，可以了解下时间处理的通用思路，你当前的场景用原生API完全足够，不需要引入额外第三方库

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